码迷,mamicode.com
首页 > Web开发 > 详细

js firstChild 、nextSibling、lastChild、previousSibling、parentNode

时间:2014-05-09 09:29:15      阅读:387      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   class   code   java   

nextSibling下一个兄弟节点

previousSibling上一个兄弟

parentNode父亲节点

bubuko.com,布布扣
 1         <select><option value="zs">中山</option><option value="gz">广州</option><option value="zh">深圳</option><option value="zh">珠海</option></select>
 2         <script type="text/javascript">
 3               //取得<select>元素节点下的子元素的个数
 4               //var selectElement = document.getElementsByTagName("select")[0];
 5               //var size = selectElement.childNodes.length;
 6               //alert("select下共有"+size+"个元素");
 7               
 8               //取得“中山”字符串
 9               //var selectElement = document.getElementsByTagName("select")[0];
10               //var zsElement = selectElement.firstChild;
11               //var zs = zsElement.innerHTML;
12               //alert(zs);
13               
14               //取得"广州"字符串
15               //var selectElement = document.getElementsByTagName("select")[0];
16               //var zsElement = selectElement.firstChild;
17               //var gzElement = zsElement.nextSibling;
18               //var gz = gzElement.innerHTML;
19               //alert(gz);
20               
21               //取得"珠海"字符串
22               //var selectElement = document.getElementsByTagName("select")[0];
23               //var zhElement = selectElement.lastChild;
24               //var zh = zhElement.innerHTML;
25               //alert(zh);
26               
27               //取得"深圳"字符串
28               //var selectElement = document.getElementsByTagName("select")[0];
29               //var zhElement = selectElement.lastChild;
30               //var szElement = zhElement.previousSibling;
31               //var sz = szElement.innerHTML;
32               //alert(sz);
33               
34               //删除"广州"元素
35               var gzElement = document.getElementsByTagName("option")[1];
36               var selectElement = gzElement.parentNode; 
37               selectElement.removeChild(gzElement);
38               
39               
40               
41               
42         </script>
bubuko.com,布布扣

 

js firstChild 、nextSibling、lastChild、previousSibling、parentNode,布布扣,bubuko.com

js firstChild 、nextSibling、lastChild、previousSibling、parentNode

标签:des   style   blog   class   code   java   

原文地址:http://www.cnblogs.com/friends-wf/p/3716901.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!