20220906 JS DOM 元素对象的属性、操作

103 阅读1分钟

元素对象的属性

  • 获取第一个节点/元素:firstchild/firstElementchild

  • 获取最后一个节点/元素:lastchild/lastElementchild

  • 获取上一个兄弟节点/元素:previousSibling/previousElementSibling

  • 获取下一个兄弟节点/元素:nextSibling/nextElementSibling

  • 获取子节点/元素:childrenSibling/childrensElementSibling

  • 获取父节点/元素:parentNode/parentElement【除了html其他用法一样】

dom对象的判断

判断是不是同一个标签

元素对象的操作

元素对象属性

  1. 元素上的属性名不一定等于标签上的键值对
  2. 对象名.属性名=值,修改或添加属性
  3. 修改固有属性value时,标签上的键值对不影响
  4. 不能取到标签上自定义的键值对
  5. 能取到对象上自定义的键值对
  6. 表单元素上的值,以对象属性的value为主

标签上的键值对

  1. 对象名.setAttribute(‘key’,‘value’)设置
  2. 对象名.getAttribute(‘key‘)取对应键的值
  3. 可以取到标签自定义的键值对
  4. 不可以取到对象自定义的键值对
  5. 添加固有属性会影响元素对象属性的值

标签固有的属性

自定义属性

  1. 如果设置的自定义属性能让用户看,就用setAttribute设置在标签上
  2. 如果不能就用对象名.属性名设置在对象上