javascript DOM(二)
?
8. 创建一个元素节点:
1). createElement(): 按照给定的标签名创建一个新的元素节点. 方法只有一个参数：被创建的元素节点的名字, 是一个字符串.
? ? ? ? ? ? ? ? ? ? ? ?方法的返回值：是一个指向新建节点的引用指针. 返回值是一个元素节点, 所以它的 nodeType 属性值等于 1.
? ? ? ? ? ? ? ? ? ? ? ? ?**新元素节点不会自动添加到文档里, 它只是一个存在于 JavaScript 上下文的对象.
?
9. 创建一个文本节点:
1). createTextNode(): 创建一个包含着给定文本的新文本节点. 这个方法的返回值是一个指向新建文本节点引用指针. 它是一个文本节点, 所以它的 nodeType 属性等
?
于 3.
? ? ? ? ? ? ? ? ? ? ? ? 方法只有一个参数：新建文本节点所包含的文本字符串. 新元素节点不会自动添加到文档里
? ? ? ? ? ? ? ? ? ? ? ??
10. 为元素节点添加子节点:
1). appendChild(): var reference = element.appendChild(newChild): 给定子节点 newChild 将成为给定元素节点 element 的最后一个子节点.
? ? ? ? ? ? ? ? ? ? ?方法的返回值是一个指向新增子节点的引用指针.
?
?
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><script type="text/javascript">window.onload = function(){//创建一个 <li>纽约</li> 节点, 并把该节点添加为 #bj 节点的最后一个子节点//1. 创建一个 <li></li> 节点var nyNode = document.createElement("li");//2. 创建一个文本节点 "纽约"var nyText = document.createTextNode("纽约");//3. 把新创建的文本节点添加为 nyNode 节点的子节点: <li>纽约</li>nyNode.appendChild(nyText);//4. 把 nyNode 节点添加为 #bj 节点的最后一个子节点document.getElementById("city").appendChild(nyNode);};</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>魔兽</li></ul><br><br>gender: <input type="radio" name="gender" value="male"/>Male<input type="radio" name="gender" value="female"/>Female</body></html>?
?
?
?
?
?
?
?
?