javascript之getAttribute()方法

getAttribute()方法 ●一份文档就是一棵节点树。 ●节点分为不同的类型：元素节点、属性节点和文本节点等。 ●getElementById()方法将返回一个对象，该对象对应着文档里的一个特定的元素节点。 ●getElementsByTagName()方法将返回一个对象数组，它们分别对应着文档里的一个特定的元素节点。 ●这些节点中的每个都是一个对象。 接下来，我们将向大家介绍几个与这些对象相关联的属性和方法。 3.4.1　getAttribute()方法 至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。 getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字： object.getAttribute(attribute) 不过，getAttribute()方法不能通过document对象调用，这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点对象调用它。 例如，你可以把它与getElementsByTagName()方法结合起来，去查询每个

元素的title属性，如下所示： var text=document.getElementsByTagName("p") for (var i=0;i 元素。假如这份文档还有一个或更多个不带title属性的

元素，则相应的getAttribute("title")调用将返回null。null是JavaScript语言中的空值，其含义是“你说的这个东西不存在”。如果你们想亲自验证一下这件事，请先把下面这段文本插入到“购物清单”文档中的现有文本段落之后：

This is just test

然后重新加载这个页面。这一次，你们将看到两个alter对话框，而第二个对话框将是一片空白或者是只显示着单词“null”——具体情况要取决于你的Web浏览器将如何显示null值。 可以修改我们的脚本，让它只在title属性存在时才弹出一条消息。我们将增加一条if语句来检查getAttribute()方法的返回值是不是null。趁着这个机会，我们还增加了几个变量以提高脚本的可读性： var ts=document.getElementsByTagName("li"); for (var i=0; i 元素已经有了一个title属性，这个属性的值是a gentle reminder。我们可以用setAttribute()方法来改变它的当前值：