getAttribute()方法
至此，我们已经向大家介绍了两种检索特定元素节点的办法：一种是使用getElementById()方法，另一种是使用getElementsByTagName()方法。在找到那个元素后，我们就可以利用getAttribute()方法把它的各种属性的值查询出来。
getAttribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字：
object.getAttribute(attribute)
不过，getAttribute()方法不能通过document对象调用，这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点对象调用它。
例如，你可以把它与getElementsByTagName()方法结合起来，去查询每个
元素。假如这份文档还有一个或更多个不带title属性的
This is just test
然后重新加载这个页面。这一次，你们将看到两个alter对话框，而第二个对话框将是一片空白或者是只显示着单词“null”——具体情况要取决于你的Web浏览器将如何显示null值。
可以修改我们的脚本，让它只在title属性存在时才弹出一条消息。我们将增加一条if语句来检查getAttribute()方法的返回值是不是null。趁着这个机会，我们还增加了几个变量以提高脚本的可读性：
var ts=document.getElementsByTagName(“li”);
for (var i=0; i
if(text!=null)
{
alert(text)
}
}
现在，如果重新加载这个页面，你们将只会看到一个显示着“a gentle reminder”消息的alter对话框，如下所示。
我们甚至可以把这段代码缩得更短一些。当检查某项数据是否是null值时，我们其实是在检查它是否存在。这种检查可以简化为直接把被检查的数据用做if语句的条件。if (something)与if (something != null)完全等价，但前者显然更为简明。此时，如果something存在，则if语句的条件将为真；如果something不存在，则if语句的条件将为假。
具体到这个例子，只要我们把if (title_text != null)替换为if (title_text)，我们就可以得到更简明的代码。此外，为了进一步增加代码的可读性，我们还可以趁此机会把alter语句与if语句写在同一行上，这可以让它们更接近于我们日常生活中的英语句子：
var ts=document.getElementsByTagName(“li”);
for (var i=0; i
if(text) alert(text)
}
3.4.2 setAttribute()方法
我们此前介绍给大家的所有方法都只能用来检索信息。setAttribute()方法与它们有一个本质上的区别：它允许我们对属性节点的值做出修改。
类似于getAttribute()方法，setAttribute()方法也是一个只能通过元素节点对象调用的函数，但setAttribute()方法需要我们向它传递两个参数：
obiect.setAttribute(attribute,value)
在下面的例子里，第一条语句将把id属性值是purchase的元素检索出来，第二条语句将把这个元素的title属性值设置为a list of goods：
var shopping=document.getElementById(“purchases”)
shopping.setAttribute(“title”,”a list of goods”)
我们可以利用getAttribute()方法来证明这个元素的title属性值确实发生了变化：
var shopping=document.getElementById(“purchases”);
alert(shopping.getAttribute(“title”));
shopping.setAttribute(“title”,”a list of goods”);
alert(shopping.getAttribute(“title”));
上面这些语句将在屏幕上弹出两个alert对话框：第一个alter对话框出现在setAttribute()方法被调用之前，它将是一片空白或显示着单词“null”；第二个出现在title属性值被设置之后，它将显示着“a list of goods”消息。
在上例中，我们设置了一个现有节点的title属性，但这个属性原先并不存在。这意味着我们发出的setAttribute()调用实际完成了两项操作：先把这个属性创建出来，然后再对其值进行设置。如果我们把setAttribute()方法用在元素节点的某个现有属性上，这个属性的当前值将被覆盖。
在“购物清单”示例文档里，
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/212314.html原文链接：https://javaforall.net
