0
点赞
收藏
分享

微信扫一扫

JS DOM操作 advanced

最不爱吃鱼 2022-05-03 阅读 82

这篇文章算是对上一篇JS DOM 基本操作的扩展,所以强烈推荐大家先看基本操作篇,以便容易理解。

DOM 节点分类

        1.元素节点:html中的标签为元素节点,例如 html, head, h1,p等等。

        2.text节点:html中各个标签之间会有回车或空格,这都算是text节点。如下:

<body>
    <header>/<header>
</body>

                <body>与<header>之间的回车就是text节点。

     

在之前的文章中我们重点讲了元素节点的操作,因为咱们大多数时间还是做元素节点的增删改查。

接下来咱们稍微讲一下text节点是如何获取的

        之前我们去获取子元素是用的方法为firstElementChild,如果换为firstChild则会将text节点也显示出来。聪明的小伙伴应该可以想到,lastElementChild -- lastChild, previousElementSibling -- previousSibling,nextElementSibling -- nextSibling也是同样的道理。 而text节点本身对我们没什作用,它又个data属性,一般是回车或者是空格。但是了解一下DOM里边不仅有元素节点

举报

相关推荐

0 条评论