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,还需要多加练习,先多看看别人写的再自己写。

评论

this is is footer