<?xmlversion="1.0"encoding="UTF-8"><node><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body><other><a></a><b></b></other></node>
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><div><p>this is p</p></div></body></html>
- DOM节点操作
- DOM结构操作
- DOM性能
解答
property和attribute
property:修改对象属性,不会体现到html结构中
attribute:修改html属性,会改变html结构
两者都会引起DOM重渲染
将频繁操作改为一次性操作
const list = document.getElementById('list')// 创建一个文档片段,此时还没有插入到 DOM 结构中const frag = document.createDocumentFragment()for(let i =0; i <20; i++){const li = document.createElement('li')
li.innerHTML =`List item ${i}`// 先插入文档片段中
frag.appendChild(li)}// 都完成之后,再统一插入到 DOM 结构中
list.appendChild(frag)
JS基础知识,规定语法(ECMA 262标准)JS Web API,网页操作的API(W3C标准)前者是后者的基础,两者结合才能真正实际应用JS基础知识变量的类型和计算原型和原型链作用域和闭包JS Web APIDOMBOM事件绑定ajax存储前言vue和React框架应用广泛,封装了DOM操作但DOM操作一直都是前端工程师的基础、必备知识只会vue而不懂DOM操作的前端程序员,不会长久DOM操作(Document Object Model)题目DO.