JavaScript DOM学习第一章：W3C DOM简介

最好的能准确到达元素并且不需要DOM结构的办法就是给B一个ID：

<P　ALIGN="right">This　is　a　<B　ID="hereweare">paragraph</B></P>

现在你就可以简单的写：

1　var　x　=　document.getElementById('hereweare');<br>

元素B就存储在了x里。

修改一个节点

现在我们已经到达了节点，就可以做一些修改了。假设我们想把加粗的文字部分修改为'bold bit of text’。我们需要访问正确的元素然后修改它的nodeValue。现在正确的元素不是元素B而是他的子元素text node：我们想改变的是文字，不是元素。所以可以写：

1　document.getElementById('hereweare').firstChild.nodeValue='bold　bit　of　text';<br>

元素就改变了。

你可以通过nodeValue来修改任何文本节点或者参数。比如你可以修改段落的ALIGN参数。这也是非常的简单，先找到需要的元素（在这个例子中是B元素的父元素），然后使用setAttribute()方法来设置你想要的值：

1　function　test2(val)　{<br>　　　if　(document.getElementById　&&　document.createElement)<br>　　{<br>　　　　　　　node　=　document.getElementById('hereweare').parentNode;<br>　　　　　node.setAttribute('align',val);<br>　}<br>　　　else　alert('Your　browser　doesn\'t　support　the　Level　1　DOM');<br>}<br>

创建和删除元素

修改元素固然有用，但是还是不如创建你需要的元素然后插入到现有的文档中。我可以很简单的在这个段落后面添加一个HR元素然后很简单的删除它。

编缉推荐阅读以下文章

• javaScript DOM方法与属性摘要