javascript节点是什么


本文摘自PHP中文网,作者藏色散人,侵删。

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这个属性获取单个子节点。

获取第一个子节点:

1

2

标准下   元素.firstElementChild

非标准下   元素.firstChild

兼容写法

1

2

3

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节点是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript怎么添加元素

javascript如何关闭子窗口

javascript中的栈、队列操作

javascript什么叫回调函数

vue刷新404的问题解决方法

javascript放在什么标签内

jquery实现带弹窗和次数的转盘抽奖(代码)

聊聊javascript里的sleep()方法

javascript中defer是什么

math是javascript内置函数吗

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...