JavaScript 11 节点

节点的层次结构

nodeType节点的类型

1 元素节点　　//nodeType=1

2 属性节点

3 文本节点　　//nodeType=3

4 注释节点　　//nodeType=8

nodeName 节点的名称（标签名称）

nodeValue 节点值

　　元素节点的nodeValue始终是null

 

父子结构：

父：parentNode　　//父节点只有一个，所以不加s　　　　获取父节点：box.parentNode

子：childNodes　　//一般子节点有很多，所以是复数　　　获取子节点：box.childNodes

兄弟节点：　　下一个兄弟节点：box.nextSibling　　上一个兄弟节点：box.previousSibling　　　　下一个兄弟元素：box.previousSibling，如果当前元素已经是最后一个，就返回null　　上一个兄弟元素：box.previousSibling 

子元素：children

判断当前子节点是否为元素节点：nodeType属性为1

<div id="box" age=12> <span>123</span> <!-- sdsd? --></div><script type="text/javascript"> var box = document.getElementById('box');  //判断当前节点是否为元素节点  for(i=0,i<box.childNodes.length,i++){    node = box.childNodes[i];    if(node.nodeType === 1){     console.log(node)     }   }</script>

只 获取所有子元素：

box = document.getElementById('box');console.log(box.children)

 

获取第一个子节点：box.firstChild　　　　//包含文本节点

获取第二个子节点：box.lastChild　　　　//包含文本节点

 

获取第一个子元素：box.firstElementChild　　//需处理兼容性问题

var ul = getFirstElementChild()

 

void 是运算符，执行void后面的表达式，并始终返回undefined

<a herf="javascript : void(0)"></a>

 

原文转载：http://www.shaoqun.com/a/786275.html

跨境电商：https://www.ikjzd.com/

epa认证：https://www.ikjzd.com/w/1769

sgshop：https://www.ikjzd.com/w/1982

primc：https://www.ikjzd.com/w/129

auction：https://www.ikjzd.com/w/2311

节点的层次结构nodeType节点的类型1元素节点　　//nodeType=12属性节点3文本节点　　//nodeType=34注释节点　　//nodeType=8nodeName节点的名称（标签名称）nodeValue节点值　　元素节点的nodeValue始终是null父子结构：父：parentNode　　//父节点只有一个，所以不加s　　　　获取父节点：box.parentNode子：chil
as seen on TV：https://www.ikjzd.com/w/460
欧盟能源标签：https://www.ikjzd.com/w/583
Ali Inspector：https://www.ikjzd.com/w/652
寻汇（SUNRATE）：https://www.ikjzd.com/w/2685
拼满满：https://www.ikjzd.com/w/2721
feedly：https://www.ikjzd.com/w/754
深诺互动：https://www.ikjzd.com/w/2746
口述：已婚男上司床技太好我偷情上瘾：http://lady.shaoqun.com/m/a/273554.html
女婿趁我睡觉搞我 口述趁丈母娘熟睡时狠狠将她抽了一顿：http://lady.shaoqun.com/m/a/274004.html
口述：异地恋男友不肯给我承诺怎么办：http://lady.shaoqun.com/a/273771.html
小姨子口述:疯狂的一次 闷骚姐夫强壮的身体将我压在身下：http://lady.shaoqun.com/a/273910.html
美女老板娘让我刮目相看 口述那晚老板娘让我进入她店里经历：http://lady.shaoqun.com/a/269601.html
校花的秘密被我发现 口述清纯校花那不为人知的一面：http://www.30bags.com/a/250377.html
该怎样拒绝男友的那个要求：http://www.30bags.com/a/249308.html
约会一年发现女友是人工美女：http://www.30bags.com/m/a/251209.html
k歌晚归 老公罚我和孩子睡：http://www.30bags.com/m/a/253583.html
上海共青国家森林公园营业时间？开放时间：http://www.30bags.com/a/371261.html