DOM操作(Document Object Model)
题目
- DOM是哪种基本的数据结构
- DOM操作的常用API有哪些
- DOM节点的 attr 和 property 有何区别
知识点
DOM本质
DOM节点操作
- DOM可以理解为浏览器把拿到的html代码,,结构化一个浏览器能识别并且js可以操作的一个模型而已
- 获取DOM节点
- prototype
- Attribute
var div1 = document.getElementById('div1')
var divList = document.getElementByTagName('div')
console.log(divList.length)
console.log(divList[0])
var containerList = document.getElementByClassName('.container')
var pList = document.querySelectorAll('p')
var pList = document.querySelectorAll('p')
var p = pList[0]
console.log(p.style.width)
p.style.width = '100px'
console.log(p.className)
p.className = 'p1'
console.log(p.nodeName)
console.log(p.nodeType)
var obj = {x: 100, y: 200}
var pList = document.querySelectorAll('p')
var p = pList[0]
p.getAttribute('data-name')
p.setAttribute('data-name', 'imooc')
p.getAttribute('style')
p.setAttribute('style', 'font-size:30px;')
DOM结构操作
解答