• 技术文章 >web前端 >js教程

    javascript节点是什么

    藏色散人藏色散人2021-03-31 11:26:44原创73

    javascript节点是指页面中所有的内容,包括标签、属性、文本,其中javascript元素节点的获取方法有:1、getElementById()方法;2、getElementsByClassName()方法等等。

    本文操作环境:Windows7系统、javascript1.8.5版,DELL G3电脑

    JavaScript中的节点是页面中所有的内容(标签、属性、文本(文字、换行、空格、回车)),Node。

    我们常用的节点标签:

    • 元素节点(标签)

    • 文本节点

    • 属性节点(标签里的属性)

    节点的获取

    元素节点获取有很多方法

    • Document.getElementById()

    • Document.getElementsByClassName()

    • Document.getElementsByTagName()

    • Document.querySelector()

    • Document.querySelectorAll()

    属性节点的获取

    • 元素.attributes 获取元素身上所有属性构成的集合

    • 元素.setAttribute(“属性名”,“属性值”)给元素设置属性和属性值

    • 元素.getAttribute(“属性名”)获取属性值的方法

    • 元素.removerAttribute("属性")删除属性

    文本节点

    没有获取的方法,没有意思

    获取元素的子节点

    元素.childNodes 这个属性有兼容性,标准浏览器会获取文本节点,而低版本浏览器不会。所以建议使用 children这个属性获取单个子节点。

    获取第一个子节点:

    标准下   元素.firstElementChild
    非标准下   元素.firstChild

    兼容写法

    var list=document.getElementById("list")
    var fist=listElementChild||list.fistChild
    console.log(fist)

    获取最后一个子节点

    元素.lastElementChild  元素.lastChild

    获取是一个兄弟节点

    元素.previousSibling  元素.prevElementSibling

    获取下一个兄弟节点

    元素.nextSibling  元素.nextElementSibling

    获取父节点

    元素.parentNode 没有兼容性

    元素.parentNode.parentNode

    区分 offsetparent和parentNode

    DOM2创建节点

    1、生成节点的方法 document。createElement(“div”)

    2、插入节点的方法  

    父节点.appendChild(新节点)

    在父节点子节点的后面插入新的节点

    3、在指定位置插入新的节点

    (1)父元素.insetBefore(新节点,谁的前面) 将新节点插入指定元素前面

    4、删除元素节点 父元素.removerChild()

    【推荐学习:js基础教程

    以上就是javascript节点是什么的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:javascript
    上一篇:javascript如何实现页面跳转 下一篇:javascript异步编程的4种方法
    第15期线上培训班

    相关文章推荐

    • javascript怎么判断是否是字符串• javascript与java区别是什么• JavaScript数组如何求和• javascript脚本怎么运行• javascript如何实现页面跳转

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网