浅析JS操作DOM的一些常用方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了浅析JS操作DOM的一些常用方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1089字,纯文字阅读大概需要2分钟。
内容图文
![浅析JS操作DOM的一些常用方法](/upload/InfoBanner/zyjiaocheng/303/45f388c3307e41509c3047b0ad372356.jpg)
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的一些常用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。
更多浅析JS操作DOM的一些常用方法相关文章请关注PHP中文网!
内容总结
以上是互联网集市为您收集整理的浅析JS操作DOM的一些常用方法全部内容,希望文章能够帮你解决浅析JS操作DOM的一些常用方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。