1.访问节点:
a:getElementsByTagName():用于返回一个包含所有tanName(标签名)特性等于某个特定值的NodeList
如:var tagP=document.getElementsByTagName("p");
var tagImg=document.getElementsByTagName("img")
b:getElementsByName();用于获取name特性等于特定值的元素
c:getElementById();于上一个相似,用于获取id特性等于特定值的元素;HTML中id是唯一的,所以是getElementById()而不是getElementsById();无疑这是最快的获取元素的方式
2.创建节点,比较常用的几个是creatElement(),creatTextNode().appendChild()
假设有如下HTML页面:
现在想使用DOM来添加下列代码到上面这个页面中:
这里可以使用
createElement()和
createTextNode()来达到目的。下面是实现步骤:
首先,创建
<p/>元素:
var oP = document.createElement("p");
第二,创建文本节点:
下一步,把文本节点加入到元素中。可以用在本章前面简要提到的
appendChild()方法来完成这个任务。每种节点类型都有
appendChild()方法,它的用途是将给定的节点添加到某个节点的
childNodes列表的尾部。在这个例子中,应将文本节点追加到
<p/>元素中: