DOM的一些操作在利用JS配合页面制作页面是非常重要的 利用好DOM能让你成为一名优秀的程序员 更好的了解JS原生,下面就让我们来看看怎样操作把
DOM节点
在JS中万物皆可对象 在DOM中万物皆可节点 下面看介绍
- 整个文档是一个文档节点
- 整个HTML原素 是原素节点
- HTML原素内的文本是文本节点
- 每个HTML是属性节点
- 注释是注释节点
节点中的父、子和同胞
节点里面的关系层层相关 每一个原素跟彼此都有很紧密的关系 所以我们通常用 parent、child、sibling等关系来描述节点于节点之间的关系 其中父亲拥有子节点 同级的节点被成为兄弟节点
- 在节点中的最高级就是根(root)
- 每个原素都有自己的父节点 但是根没有
- 一个节点的子节点的数量是无限创造的
- 同胞的父节点是一致的
DOM的使用方法
getElementById()这个方法返回的带有指定的ID原素
var element=document.getElementById("box")
DOM对象-方法-属性
我们为了获取页面的位置在JS中首先就是获取页面的原素 获取原素的方法就在下面列举的一些常用的
方法:
- getElementById(ID)-获取带有id的节点(元素)
- appendChild(nood)-插入新的子节点(元素)
- removeChild(nood)-删除子节点(元素)
属性:
- innerHTML-节点原素的文本值
- parenNodes-节点原素的父节点
- childNodes-节点原素的子节点
- attributes-节点原素的属性节点
DOM修改
在日常中我们经常会使用到DOM的修改 使其里面的属性变化 而且修改意味着可以修改许多的方面
- 改变样式
- 修改HTML内容
- 更改HTML属性
- 删除已有的HTML属性
以上就是DOM的一些常用方法的总结 虽然还是不是很完整如果有需要的可以去往一下链接更为完整菜鸟上面看一下