可通过JavaScript对HTML DOM进行访问
所有HTML元素被定义为对象,而编程接口则是对象方法和对象属性
getElementById()方法
getElementById()方法返回带有指定ID的元素
var element = document.getElementById("intro");
一些常用的HTML DOM方法:
getElementById(id) - 获取带有指定id的节点(元素)
getElementsByTagName() - 返回带有指定标签名的所有元素
getElementsByClassName() - 查找带有相同类名的所有HTML元素
appendChild(node) - 插入新的子节点(元素)
removeChild(node) - 删除子节点(元素)
replaceChild() - 替换子节点
insertBefore() - 在指定的子节点前插入新的子节点
createAttribute() - 创建属性节点
createElement() - 创建元素节点
createTextNode() - 创建文本节点
getAttribute() - 返回指定的属性值
setAttribute() - 把指定的属性设置修改为指定的值
一些常用的HTML DOM属性:
innerHTML - 节点(元素)的文本值 可获取 可修改
eg: document.getElementById("p1").innerHTML="New text!";
parentNode - 节点(元素)的父节点
childNodes - 节点(元素)的子节点
attributes - 节点(元素)的属性节点
