例如，你可以把它与getElementsByTagName()方法结合起来，去查询每个<p>元素的title属性，如下所示：
var text=document.getElementsByTagName("p")
for (var i=0;i<text.length;i++)
{
alert(text.getAttribute("title"));
在“购物清单”文档里只有一个带有title属性的<p>元素。假如这份文档还有一个或更多个不带title属性的<p>元素，则相应的getAttribute("title")调用将返回null。null是JavaScript语言中的空值，其含义是“你说的这个东西不存在”。如果你们想亲自验证一下这件事，请先把下面这段文本插入到“购物清单”文档中的现有文本段落之后：
<p>This is just test</p>
然后重新加载这个页面。这一次，你们将看到两个alter对话框，而第二个对话框将是一片空白或者是只显示着单词“null”??具体情况要取决于你的Web浏览器将如何显示null值。
可以修改我们的脚本，让它只在title属性存在时才弹出一条消息。我们将增加一条if语句来检查getAttribute()方法的返回值是不是null。趁着这个机会，我们还增加了几个变量以提高脚本的可读性：
var ts=document.getElementsByTagName("li");
for (var i=0; i<ts.length;i++)
{text=ts.getAttribute("title");
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”消息。
<script type="text/javascript">
var ts=document.getElementsByTagName("li");
for (var i=0; i<ts.length;i++)
{
var text=ts.getAttribute("title");
alert(ts.getAttribute("title"))
if(text)
{
ts.setAttribute("title","我会成功！")
alert(ts.getAttribute("title"))
}
}
上面这段代码将先从文档里把已经带有title属性的<p>元素全部检索出来，然后把它们的title属性值全部修改为brand new title text。具体到“购物清单”文档，属性值a gentle reminder将被覆盖。
