JavaScript Node节点

1. Node接口的属性

1.1 Node.textContent

textContent属性返回当前节点和它的所有后代节点的文本内容。

<body>
    <div id="divA">This is <span>some</span> text</div>
    <script>
        var myDiv = document.getElementById("divA");
        console.log(myDiv.textContent); // This is some text
    </script>
</body>

1.2 Node.nextSibling和Node.previousSibling

nextSibling属性返回紧跟在当前节点后面的第一个同级节点。如果当前节点后面没有同级节点,则返回null。

previousSibling属性返回当前节点前面的、距离最近的一个同级节点。如果当前节点前面没有同级节点,则返回null。

<body>
    <div id="divA">This is <span>some</span> text</div><div id="divB">That is <span>some</span> text</div>
    <!-- 注意,nextSibling和previousSibling都会识别代码中的空白 -->
    <script>
        var myDiv = document.getElementById("divA&#
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值