JS DOM

Posted 2021-01-14 你今天学习了吗

基本数据结构： 树

可以理解为： 浏览器把html代码，结构化成一个浏览器可以识别且js可以操作的模型

 

JS 对象的属性 叫做property

Attribute 属性 指的是html文档里标签内的属性

 

基本API 

// 通过ID 获取  document.getElementById()

// 通过ClassName     document.getElementsByClassName()

//通过querySelector    　　document.querySelectorAll()  参数为CSS选择器

//通过TagName    // document.getElementsByTagName()

 

新增

appendChild()

创建

docuement.createElement()

移除

removeChild()

父节点

div.parentElement

子节点

div.childNodes  // NodeList  考虑换行时的空文本影响长度， 通过nodeType或nodeName 判断 元素节点nodeType为1，空格为3

 nodeName 元素节点为大写的标签名  ， 空文本为#text