微客导航 » 文章资讯 » 浅析JS操作DOM的一些常用方法

浅析JS操作DOM的一些常用方法

2024-03-18 17:50:03 378

getElementById():获取有指定惟一ID属性值文档中的元素

getElementsByName(name):返回的是数组

getElementsByTagName():返回具有指定标签名的元素子元素集合

getAttribute():返回指定属性名的属性值

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute():添加指定的属性，并为其赋指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

节点属性:

节点名称(只读):nodeName

节点值:nodeValue

节点类型(只读):nodeType

子节点：

ele.childNodes返回数组

firstChild

lastChild

父节点

parentNode只有一个

兄弟节点

nextSibling某节点之后紧跟的节点

previousSibling

插入节点

appendChild()插入在最后

insertBefore(newnode,node)在node节点之前

删除节点

removeChild(node)成功返回被删除的节点失败返回null

替换元素节点

replaceChild(newnode,oldnode)实现子节点对象的替换

创建元素节点

createElement()

创建文本节点

createTextNode()

复制节点

需要被复制的节点.cloneNode(true/false)

true复制当前节点极其所以子节点，false仅复制当前节点

以上这篇浅析JS操作DOM的一些常用方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。