原生js对bom的增删改查

标签：var   select   str   nod   classname   标签   返回   strong   document   

### 查询(获取节点)

　　## 获取节点 (只要是获取到的是数组形式的,就需要在后面加[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的增删改查

标签：var   select   str   nod   classname   标签   返回   strong   document   

原文地址：https://www.cnblogs.com/jiazhifeng/p/11241076.html