javascript DOM(2)
日期：2014-05-16 浏览次数：20438 次
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>
?
?
?
?
?
?
?
?
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
