美文网首页
[原]DOM编程艺术2-获取元素

[原]DOM编程艺术2-获取元素

作者: 虾米不是鱼 | 来源:发表于2020-09-24 10:39 被阅读0次

    在之前我们提到了节点,节点很重要,只有理解了节点我们才能对节点进行操作

    一、获取元素节点的方法

    document.getElementById("id") //(返回一个对象)
    document.getElementsByTagName("tag") //(返回一个对象数组)
    document.getElementsByClassName("classname")//(返回一个对象数组)
    

    获取一个节点后,其实我们就得到了一个对象或者一个对象数组,我们可以对对象进行各种处理,JS已经对对象进行了各种属性和方法的封装,比如,length,getAttribute,setAttribute, 等等

    比较重要的知识点:

    1. 一份文档(document)就是一颗节点树
    2. 节点分为不同的类型:元素节点,属性节点,文本节点等
    3. 每一个节点都是一个对象。

    通过元素的属性nodeType可以获取到节点类型,alert后打印的是1,2,3

    1. 代表元素节点
    2. 代表属性节点
    3. 代表文本节点
      通过元素的属性nodeValue可以获取到节点的值

    相关文章

      网友评论

          本文标题:[原]DOM编程艺术2-获取元素

          本文链接:https://www.haomeiwen.com/subject/wrceektx.html