HTML的DOM方法

可通过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 - 节点(元素)的属性节点