JS获取元素节点的⼦节点 1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<title>Untitled Document</title>
6
7<script type="text/javascript">
8
9//获取元素节点的⼦节点
10            load = function(){
11
12//1. 获取 #city 节点的所有⼦节点.
13var cityNode = ElementById("city");
14
15//2. 利⽤元素节点的 childNodes ⽅法可以获取指定元素节点的所有⼦节点.
16//但该⽅法不实⽤.
17                alert(cityNode.childNodes.length);
18
19//3. 获取 #city 节点的所有 li ⼦节点.
20var cityLiNodes = ElementsByTagName("li");
21                alert(cityLiNodes.length);
22
23//4. 获取指定节点的第⼀个⼦节点和最后⼀个⼦节点.
24                alert(cityNode.firstChild);
25                alert(cityNode.lastChild);
26            }
27
28</script>
29
30</head>
31<body>
32<p>你喜欢哪个城市?</p>
33<ul id="city"><li id="bj" name="BeiJing">北京</li>
34<li>上海</li>
35<li>东京</li>
36<li>⾸尔</li>
37</ul>js获取子元素
38
39<br><br>
40<p>你喜欢哪款单机游戏?</p>
41<ul id="game">
42<li id="rl">红警</li>
43<li>实况</li>
44<li>极品飞车</li>
45<li>魔兽</li>
46</ul>
47
48<br><br>
49        name: <input type="text" name="username"
50            id="name" value="atguigu"/>
51</body>
52</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。