原生js对bom的增删改查
Posted jiazhifeng
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生js对bom的增删改查相关的知识,希望对你有一定的参考价值。
### 查询(获取节点)
## 获取节点 (只要是获取到的是数组形式的,就需要在后面加[x],来决定获取第几个节点)
+ var el = document.querySelector(‘.class/#id/li‘) [ 根据选择器(类名,id,标签名)获取节点,只能获取一个 ]
+ var el = document.querySelectorAll(‘.class/#id/li‘) [ 根据选择器(类名,id,标签名)获取节点,会获取所有的,返回一个数组 ]
+ var el = document.getElementById(‘id‘); [ 根据id获取唯一节点 ]
+ var el = document.getElementsByClassName(‘class‘) [ 根据class名获取节点,返回一个数组 ]
+ var el = document.getElementsByTagName(‘h1‘) [ 根据标签名获取节点,返回一个数组 ]
## 获取父节点 (父节点是唯一的)
+ var box = el.parentNode [ 根据子节点获取父节点 ]
## 获取兄弟节点 ()
+
### 修改
+ ele.innerhtml = ‘<h1>hello word<h1>‘ [ innerHTML 这个属性会解析值中的标签,一般用来动态生成 ]
+ ele.innerTEXT = ‘hello word‘ [ innerTEXT 这个属性只会解析成字符串,很少用 ]
以上是关于原生js对bom的增删改查的主要内容,如果未能解决你的问题,请参考以下文章