1.浏览器卷去高度:
DOCTYPE HTML :标准的h5
(1)标准模式下:document.documentElement.scrollTop
(2)非标准模式下:document.body.scrollTop
2.浏览器实际高度
标准模式下
(1)浏览器的实际高度:document.body.clientHeight
(2)浏览器的可视高度(显示出来能看到的):document.documentElement.clientHeight
非标准模式下【换一下】
(3)浏览器的实际高度: document.documentElement.clientHeight
(4)浏览器的可视高度(显示出来能看到的):document.body.clientHeight
3.操作属性的元素的样式设置
(1)对象.style 直接打点
(2)对象.className =class名 (添加class,提前设置好)
(3)对象.setAttribute(‘style’,‘css属性’)
(4)对象.setAttribute(‘class’,‘class的值’)
(5)对象.style.setProperty(‘css的属性名’,‘css的属性值’)
(6)对象.style.cssText = ‘直接写css样式’
4.元素的属性操作(元素-标签)
拿到属性
元素自身属性(打点就可以拿到) 自定义属性
getAttribute(‘属性名’):元素属性值的获取
设置属性
setAttribute(‘属性名’,‘属性值’):设置元素属性【设置前必须要先获取标签】
删除属性
removeAttribute(‘属性名’){删除自身的属性值需要先获取}
5.操作标签的创建元素的方式
(1)document.write() 只能往body中添加元素【单引号双引号交叉使用】
(2)InnerHTML=‘’先获取元素 在同级下只能添加一种元素,多个会覆盖
(3)document.createElement() 创建元素
父元素.appendChild(子元素):给父元素末尾添加子元素
添加属性 变量.setAttribute(‘属性名’,‘属性值’)
添加文本 变量.innerText=‘’
删除元素 变量.removeChild() 删除已有的属性需要获取