DOM与BOM
DOM的本质
DOM是一种树形结构的数据结构
DOM节点操作
const div1 = document.getElementById('div1')
console.log('div1', div1)
const divList = document.getElementsByTagName('div') // 集合
console.log('divList.length', divList.length)
console.log('divList[1]', divList[1])
const containerList = document.getElementsByClassName('container') // 集合
console.log('containerList.length', containerList.length)
console.log('containerList[1]', containerList[1])
const pList = document.querySelectorAll('p')
console.log('pList', pList)
const pList = document.querySelectorAll('p')
const p1 = pList[0]
attribute和property
property只是一个JS对象的属性的修改,不会体现到html结构当中。(通过obox.name = xxx操作) attribute是对html便签属性的修改。
BOM
navigator.userAgent//浏览器类型
location.href
location.protocol
location.pathname
location.search
location.hash