DOM(操作网页)

操作节点属性
获取节点属性：getAtteribute(“属性名”)不存在则返回null
设置节点属性：setAtteribute(“属性名”,“属性值”)
创建和插入节点
创建节点
document.createElement(“元素名称”)
插入节点
element.appendChild(元素)
element.insertBefore(元素，要插的元素之前)
element.cloneNode(将一个元素复制过来)
步骤：先创建一个元素 之后设置元素 再将元素插入页面中
删除和替换节点
删除语法：node.removechild(childNode); node表示要操作的父节点，即包含要移除子节点的节点。
替换语法：node.replaceChild(new node,oldnode)node表示要操作的父节点，新的元素 要被替换的元素
获取元素位置
offset
offsetHeight：返回元素的高度
offsetWidth：返回元素的宽度
offsetLeft：返回元素的水平偏移位置
offsetTop：返回元素的垂直偏移位置
offsetParent：返回元素的偏移容器
（绝对定位是在附近几个元素找到是否定位元素 有则在这个元素进行定位）
offsetWidth 是一个只读属性，用于获取元素的整体宽度，包括元素的宽度、内边距（padding）、边框（border），以及水平滚动条（如果存在）的宽度。
clientWidth 也是一个只读属性，用于获取元素的可视宽度，即元素的内容区域的宽度，不包括内边距和边框。它只计算元素自身的宽度，不包括滚动条的宽度。
clientHeight；返回内容高度
scroll
获取页面滚动的位置
scrolltop：元素上边缘与视图之间距离
scrollleft：元素左边缘与视图之间的距离