手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浅析JS操作DOM的一些常用方法
浅析JS操作DOM的一些常用方法
摘要:getElementById():获取有指定惟一ID属性值文档中的元素getElementsByName(name):返回的是数组getEl...

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的一些常用方法】相关文章:

浅析JavaScript中的事件机制

AngularJS中的一些常用指令介绍

jQuery判断一个元素是否可见的方法

总结一些js自定义的函数

JavaScript的Backbone.js框架的一些使用建议整理

JavaScript中Number.MAX_VALUE属性的使用方法

JavaScript操作XML文件之XML读取方法

收集整理的四个方向的滚动

Jquery解析json字符串及json数组的方法

简介AngularJS中$http服务的用法

精品推荐
分类导航