<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
window.onload = function(){
alert(1);
//document.createElement(elementTagName);
//新創建一個元素節點，返回值為指向元素節點的引用
var liNode = document.createElement("li");
//document.createTextNode(String);//創建一個文本節點
//參數為文本值，返回該文本節點的引用
var xmText = document.createTextNode("廈門");
liNode.appendChild(xmText);
var cityNode = document.getElementById("city");
//2,elementNode.appendChild(newChild):為elementNode
//新添加newChild子節點，該子節點將作為elementNode的最后一個子節點
cityNode.appendChild(liNode);
}
</script>
</head>
<body>
<p>你喜歡那個城市</p>
<ul id="city">
<li id="bj" name="BeiJing">北京</li>
<li>上海</li>
<li>香格里拉</li>
<li>天山</li>
</ul>
<br><br>
<p>你喜歡那個游戲</p>
<ul id="game">
<li id="rl">貪吃蛇</li>
<li>搬箱子</li>
<li>魔獸</li>
<li>lol</li>
</ul>
<br><br>
gender:
<input type="radio" name="gender" value="male"/>Male
<input type="radio" name="gender" value="female"/>Female
<br><br>
name:<input type="text" name="username" id ="name" value="你是個傻瓜"/>
</body>
</html>
在js中添加新節點
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。