本文章没有找到对应的语言版本
STUDY

引言

element对象对应网页的HTML元素。每一个HTML元素，在DOM树上都会转化成一个element节点对象，因此通过document获取的元素对象本质上都是element对象，可以直接调用element对象的方法和属性。

属性

  1. id:返回元素的id,可读写;
  2. children:返回元素的子元素集合,只读;
  3. className:返回元素的class属性值,可读写，返回一个字符串，每个类之间用空格分开;
  4. classList:返回元素的classList对象，可读写，classList对象是一个类列表，可以对元素的类进行增(add())删(remove())改(toggle()注:本方法用于翻转状态，即有则删除、无则添加)查(contains());
  5. innerHTML:返回元素的innerHTML内容,可读写, 会将其中的HTML代码渲染;
  6. innerText:返回元素的可见文本内容,可读写, 会将其中的HTML代码渲染为纯文本;
  7. outerHTML:返回元素的HTML原码,以字符串形式存储，保留结构;
  8. style.属性:返回元素的style,可读写, 可以设置元素的CSS样式;
  9. tagName:返回元素的标签名,只读;
  10. value

方法

  1. focus():使元素获得焦点，即被点击的样子;
  2. blur():使元素失去焦点;
  3. remove():从DOM中移除元素;
  4. append():插入多个节点，字符串等(用逗号分隔开)
  5. appendChild():向元素内部添加一个子元素;
  6. after():在元素父后面插入一个元素(即父节点上加一个在本节点后的节点);
  7. children():返回元素的子元素只读集合;
  8. addEventListener():添加事件监听器;
  9. click():触发点击操作;
  10. getAttribute(“属性名”):获取元素的某属性值，此外还有set,remove,create,has等方法。
  11. matches(选择器):判断是否满足选择器;

参考资料