刪除和建立子對象 innerHTML增長節點

時間 2019-11-24

標籤刪除建立對象 innerhtml 增長節點欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html

<html xmlns="http://www.w3.org/1999/xhtml">app

<head>ui

<title>刪除節點，建立節點</title>spa

</head>對象

<body>ip

<input type="button" value="刪除一個節點" onclick="del();"/>utf-8

<ul>rem

</ul>

</body>

function del(){

//刪除標籤

var lis=document.getElementsByTagName('li');

var last=lis[lis.length-1];

//刪除子對象

last.parentNode.removeChild(last);

}

</script>

</html>

/*****************************************/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

</head>

<body>

<ul>

</ul>

</body>

function add(){

//建立節點

var li=document.createElement('li');

var text=document.createTextNode('冬');

li.appendChild(text);

document.getElementsByTagName('ul')[0].appendChild(li);

}

</script>

</html>

/***********************************/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>暴力添加節點</title>

</head>

<body>

</body>

function add3(){

var ul=document.getElementsByTagName('ul')[0];

ul.innerHTML='<li>春</li><li>秋</li><li>夏</li>';

}

function add1 () {

var ul=document.getElementsByTagName('ul')[0];

ul.innerHTML+='<li>冬</li>'

}

</script>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。