700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Web API-DOM节点操作

Web API-DOM节点操作

时间:2019-04-21 07:32:14

相关推荐

Web API-DOM节点操作

什么是节点

DOM树里每一个内容都称之为节点

节点的类型

元素节点,属性节点,文本节点,其他

查找节点

父节点查找:子元素.parentNode(返回的就是最近一级的父节点,找不到返回为null)子节点查找:父元素.children仅获得所有元素节点 返回的还是一个伪数组兄弟关系查找:

(下一个兄弟节点)nextElementSibling属性

(上一个兄弟节点)previousElementSibling属性

增加节点

步骤:

1.创建节点document.createElement('标签名')

2.追加节点,插入到父元素

父元素.appendChild(要插入的元素)——插入到最后

父元素.insertBefore(要插入的元素,在哪个元素前面)——插入到某一元素前面

克隆节点

元素.cloneNode(布尔值)

➢ 布尔值若为true,则代表克隆时会包含后代节点一起克隆

➢布尔值若为false,则代表克隆时不包含后代节点

➢ 默认为false

删除节点(必须通过父元素删除)

父元素.removeChild(要删除的元素)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。