博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
常用DOM结构方法总结
阅读量:5325 次
发布时间:2019-06-14

本文共 1054 字,大约阅读时间需要 3 分钟。

---内容开始---

获取元素的方法:

getElementById()      通过ID名获取元素

getElementsByTagName()  通过元素(标签)名称

getElementsByClassName()  通过class类数组

getElementsByName()    通过name属性值

 

DOM中的方法

appendChild()        追加一个子节点

removeChild()        删除一个子节点

replaceChild()        替换一个子节点

insertBefore()        在某个节点之前插入一个元素

createAttribute()        创建一个属性节点

createElement()       创建一个元素节点

createTextNode()       创建一个文本节点

getAttribute()        获取属性

setAttribute()        设置属性

 

节点对象的几个属性:

parentNode          当前节点的哪个唯一的直接父节点

firstChild           当前节点的第一个子节点

lastChild           当前节点的最后一个子节点

nextsibling          当前节点的下一个兄弟节点

previousSibling        当前节点的上一个兄弟节点

childNodes          当前节点的所有子节点,组成一个类数组对象

nodeType           节点的类型

nodeValue          设置或返回指定节点的节点值

nodeName          属性指定节点的节点名称

 

元素树的文档

firstElementChild         第一个子元素节点

lastElementChild       最后一个子元素节点

nextElementChild        下一个兄弟元素节点

previousElementChild      前一个兄弟元素节点

parentElement        获取父元素节点

innerHTML          读取或设置元素节点中html内容

innerText           读取或设置元素节点中的文本内容

---内容结束---

转载于:https://www.cnblogs.com/Mousika/p/6994788.html

你可能感兴趣的文章
String类中的equals方法总结(转载)
查看>>
标识符
查看>>
内存地址对齐
查看>>
创新课程管理系统数据库设计心得
查看>>
Could not resolve view with name '***' in servlet with name 'dispatcher'
查看>>
[转载] redis 的两种持久化方式及原理
查看>>
MyBaits学习
查看>>
管道,数据共享,进程池
查看>>
[Cypress] Stub a Post Request for Successful Form Submission with Cypress
查看>>
SDUTOJ3754_黑白棋(纯模拟)
查看>>
php中的isset和empty的用法区别
查看>>
把word文档中的所有图片导出
查看>>
ubuntu 18.04取消自动锁屏以及设置键盘快捷锁屏
查看>>
正则表达式
查看>>
arcgis api 4.x for js 结合 Echarts4 实现散点图效果(附源码下载)
查看>>
YTU 2625: B 构造函数和析构函数
查看>>
apache自带压力测试工具ab的使用及解析
查看>>
加固linux
查看>>
WPF中Image显示本地图片
查看>>
[poj1006]Biorhythms
查看>>