【web】DOM基础2

document类型

属性

1. document.documentElement 指向元素
2. document.body 指向body元素
3. document.URL 返回当前页面的网址
4. document.domain 返回前文档的域名

方法

1. 查找元素
2. 文档写入：document.write( )
3. 创建元素：document.createElement( )

属性方法

1. setAttribute( )：为元素新增属性，或设置当前属性，接受两个参数：属性名和值
   • 点语法设置属性，只能体现标签本身有的属性
   • setAttribute设置属性，，标签本身有的属性和自定义属性都可以体现
2. removeAttribute( )：删除元素属性
3. getAttribute( )：获取元素属性，不存在则返回null

元素大小

offset

1. offsetLeft：获取元素左边距离左边缘的距离
2. offsetTop：获取元素上边框距离上边缘的距离
3. offsetHeight：height+padding+border 和子元素大小没有关系
4. offsetWidth：width+padding+border和子元素大小没有关系

client

1. clientHeight：height+padding 和子元素大小没有关系
2. clientWidth：width+padding和子元素大小没有关系

scroll

1. scrollWidth： 和子元素大小有关系,当子元素超出父元素大小，子元素的width+padding+border+（margin-left）+父元素的border
2. scrollHeight：子元素的height+padding+border+（margin-top）+父元素的border
3. scrollLeft：有滚动条的情况设置或者获取向左滚动的距离
4. scrollTop：有滚动条的情况设置或者向上滚动的距离

overflow

1. overflow:hidden 超出父元素的部分隐藏，应用：解决塌陷问题
2. overflow:scroll 超出父元素的部分以滚动条显示
3. overflow-x:hidden x方向隐藏，y方向以滚动条显示
4. overflow-y:hidden y方向隐藏，x方向以滚动条显示

补充

document.documentElement.clientWidth：可视窗口大小