web学习记录-JS-10

Posted 2021-02-02 xihuanjiuquqiqang

innerhtml 通过这个属性可以获取到元素内部的html代码

查找所有li节点
getElementsByTagName()可以根据标签名来获取一组元素节点对象
这个方法会给我们返回一个类数组对象，所有查询到的元素都会封装到对象中
即使查询到的元素只有一个，也会封装到数组中返回

innerHTML用于获取元素内部的HTML代码的
对于自结束标签，这个属性没有意义

如果需要读取元素节点属性，
直接使用 元素.属性名
例子：元素.id 元素.name 元素.value
注意：class属性不能采用这种方式，
读取class属性时需要使用 元素.className

DOM查询

获取元素节点的子节点

getElementsByTagName（）；可以根据标签名来获取一组元素节点对象；city.getElementsByTagName();

childNodes　　属性会获取包括文本节点在呢的所有节点
　　　　　　　根据DOM标签标签间空白也会当成文本节点
　　　　　　　注意：在IE8及以下的浏览器中，不会将空白文本当成子节点，
　　　　　　　所以该属性在IE8中会返回4个子元素而其他浏览器是9个

children　　  属性可以获取当前元素所有的子元素   （推荐）

firstChild　　属性 可以获取当前元素的第一个子节点，（包括空白节点）；

firstElementChild　　获取当前元素的第一个子元素（不支持IE8）;

lastChild　　属性 可以获取当前元素的最后一个子节点，（包括空白节点）；

parentNode　属性　表示当前节点的父节点；

previousSibling属性 表示当前节点的前一个兄弟节点；

nextSibling　　属性　　表示当前节点的后一个兄弟节点；也可能获取空白的文本；

innerText　　属性　　可以获取到元素内部的文本内容　　与innerHTML类似，不同的是会将html去除；

previousElementSibling　　属性　　获取前一个兄弟元素，IE8及以下不支持