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

2022-10-18,,,,

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的一些常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

《浅析JS操作DOM的一些常用方法.doc》

下载本文的Word格式文档,以方便收藏与打印。