蜗牛的牛窝

首先看三个最重要的

有了这三个东东，基本上理解JS的代码就不难了。
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
getElementsByName() 方法可返回带有指定名称的对象的集合。
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

当然上面的这些也可以连起来用 document.getElementById(‘maindiv’).getElementsByTagName(“p”);

再看DOM中最重要的一张图

然后是节点的操作

请看下面这个 HTML 片段：

在上面的HTML代码中，第一个 是
元素的首个子元素（firstChild），而最后一个 是
元素的最后一个子元素（lastChild）。

对 firstChild 最普遍的用法是访问某个元素的文本：

var x=[a paragraph];
var text=x.firstChild.nodeValue;

parentNode 属性常被用来改变文档的结构。假设您希望从文档中删除带有 id 为 “maindiv” 的节点：

var x=document.getElementById(“maindiv”);
x.parentNode.removeChild(x);

首先，您需要找到带有指定 id 的节点，然后移至其父节点并执行 removeChild() 方法。

相关文章

• Javascript与html DOM之间的那点事