DOMBOM事件常见⾯试题分析
⼀获取DOM节点
nodeselectorDOM节点操作
●获取DOM节点【获取到的都是JS对象，JS对象有属性可扩展的特点】
ar div1 = ELementById( 'div1') //元素
var div1 = ELementById( 'div1') //元素
var divList = E LementsByTagName( 'div') // 集合
var containerlist = E LementsByClassName(' container') //集合
var pList = document.querySelectorAll('p') //集合
●pro per ty【pr o per ty是JS对象的⼀个属性】（下⾯的style、c la ssN a me、no deN a m e、no deType都是pro perty）
var pList = document.querySelectorALL('p')
var p = pList[0]
console. log(p. style. width) //获取样式
p.style.width = '100px' // 修改样式
console.log(p.className) // 获取class
p. className = 'p1' //修改class
//获取nodeName 和nodeType
console.deName)
console.log (p.nodeType )
●Attribute【Attr ibute是htm l⽂档标签的属性】
var pList = document. querySelectorAll('p' )
var P = pList[0]
p.setAttribute( 'data-name' , 'imooc' ) p.getAttribute('style' )
p.setAttribute('style', 'font-size:30px;')

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。