利用javascript操作页面节点

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/>元素中：