2020.9.1+王杉

学习内容：

• 查找元素：不需要查找就可以获得的节点：document、document.documentElement、document.head、document.body、document.forms[i]

• 按节点关系查找：

  1. 节点树
  2. 元素树
  3. *childNodes和children的区别
  4. 递归遍历

• 按HTTML查找：ID、标签名、class、name

• 选择器查找：一个元素、多个元素

• 返回值总结

• DOM修改元素：

  1. 内容：elem.innerHTML elem.textContent elem.innerText elem.value。
  2. 标准属性：DOM的获取、修改、溢出判断 HTMLDOM的获取、修改、溢出判断。
  3. 状态属性：HTML、CSS、JS。
  4. 扩展（自定义）属性：普通自定义属性、HTML5的自定义属性。
  5. 样式：内联样式、外部样式（不建议）、最好的修改样式的方法、优化样式修改。

• 添加元素：

  1. ①创建元素对象 ②设置关键属性 ③将元素添加到DOM树
  2. 添加问题：重绘次数过多的问题
  3. 解决添加问题：文档片段：①创建文档片段对象 ②将多个平级子元素临时添加到文档片段对象中 ③将文档片段整体一次性添加到DOM树上指定父元素下

心得：

​ 今天讲了DOM的获取和修改和添加，大概知道DOM应该可以做到的一些基本的东西比如：实现增、删、改、查和事件绑定，还有就是今天做了一些练习有些还是不是特别熟悉，写js代码感觉自己思路没问题就是可能代码不规范，实现不了自己想要的结果，应该是自己写少了，不熟悉js，还需要多加练习，先多看看别人写的再自己写。