1、创建元素节点document.createElement(),创建文本节点document.createTextNode(),父节点.appendChild()向一个父节点添加一个新的子节点
2、insertBefore(新的,旧的)在指定旧的节点前面插入新的节点,
父节点.replaceChild(新,旧),
父节点.removeChild()删除子节点/子节点.parentNode.removeChild(子节点)
3、使用dom操作css,注意兼容性问题
①改的内联样式
元素.style.样式名 = 样式值
注意如果样式名中含有减号,在js中不合法,比如background-color,需要将这种样式名修改为驼峰命名法,去掉减号并将减号后面字母大写。
②读取内联样式
元素.style.样式名
③读取当前样式
元素.currentStyle.样式名 是属性 ,getComputedStyle(要获取样式元素,可以传递一个伪元素)是Window的方法,读取当前元素正在显示的样式。都是只读的。
4、其他操作样式的属性
element.clientHeight/Width只读可见高度/宽度
element.offsetHeight/Width只读元素整个高度/宽度,包括边框
element.offsetParent获取离当前元素最近的开启了定位的父元素
5、滚动条