2021-03-02js学习-dom获取属性,元素节点的获取父节点,子节点,兄弟节点的方法.

问题:

1. 排它思想是什么?
2. 获取属性值有那些方法?
3. H5中规定所有的自定义属性格式是怎样的?
4. H5中规定所有的自定义属性都存在那里?怎么通过存放的位置进行取值?
5. H5中获取属性值建议使用那种方法?
6. 节点获取元素与dom提供的方法获取元素,那个好?
7. 元素节点,属性节点,文本节点的nodeType是什么?
8. 获取父节点的方法?
9. 获取子点方法
10. 获取第一个节点,与最后一个节点,为什么不用官方提供的方法?
11. 实际的操作中兄弟节点操作,为什么直接使用nextElementSibing()与previousElementSibling().?

回答:

1. 排它思想是什么?
   a) 原理,先去所有它人,再设置自己
2. 获取属性值有那些方法?
   a) Element.属性
   b) Element.getAttribute(‘属性’),(重点)
3. H5中规定所有的自定义属性格式是怎样的?
   a) 以data-开头为属性名并且赋值
4. H5中规定所有的自定义属性都存在那里?怎么通过存放的位置进行取值?
   a) 存在dataset集合中
   b) 类似于数组取值,只是如果有多个- 连接成的单词,获取的时候要用小写的驼峰命名
5. H5中获取属性值建议使用那种方法?
   a) 使用Element.getAttribute(‘属性’).因为这样相对于Element.属性的兼容性要好,Element.属性只是最新才推出来的.
6. 节点获取元素与dom提供的方法获取元素,那个好?
   a) 节点获取元素,更好点.
   b) Dom提供的方法主要用获取对象,而节点元素在于处理相对关系.
7. 元素节点,属性节点,文本节点的nodeType是什么?
   a) 元素节点 为1;
   b) 属性节点 为2
   c) 文本节点 为3
8. 获取父节点的方法?
   a) Element.parentNode
9. 获取子点方法
   a) Element.childNodes
   b) Element.children;(重点使用) 因为它只得到元素节点面childNodes是所有节点都得到,不光用元素节点,还有属性节点,文本节点.但我要用的只有元素节点.
10. 获取第一个节点,与最后一个节点,为什么不用官方提供的方法?
    a) 因为firstElementChild(),lastElementChild()有兼容性问题.所以使用数组的表示方法来表示第一个节点与最后一个节点,children[0],children[element.children.length-1))
11. 实际的操作中兄弟节点操作,为什么直接使用nextElementSibing()与previousElementSibling().?
    a) 因为nextElementSibing(),previousElementSibling()有兼容性问题,解决方法是封装一个兼容性的方法.核心方法是nextSibling().它没有兼容性限制.