childNodes,nodeType

childNodes

获取子节点个数,栗子:

<script>
window.onload = function() {
    var oUl = document.getElementById('ul');
    alert(oUl.childNodes.length);
};
</script>

<body>
<ul id="ul">
    <li></li>
    <li></li>
</ul>
</body>

输出结果是  5

按理说ul只有两个li,即只有两个子节点,为什么会输出5呢?
原因是因为 把标签间的空格也算进去了,空格算是文本节点,它的nodeType值为3。节点的nodeType值可参考JS高级程序设计第4版第402页
但在IE9以下的版本输出的是2

 

算的是第一层子节点,不往里算(emmm,就是孙子节点不算)

<ul>
    <li>
        <span></span>
    </li>
    <li></li>
</ul>

ul的元素子节点还是2

children

还有个与childNodes相似的方法,”children“ 最大的特点是:它只包括元素不包括文本


 

nodeType

判断节点的类型,返回节点类型的值

 

parentNode

获取当前元素的父节点

 

offsetParent

获取相对定位的父节点

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梁什么鸭,

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值