javascript Dom编程艺术

涉及快速访问键（accesskey属性）功能：

HTML页面添加如下代码：

<ulid="navigation">

<li><ahref="猿团教育"accesskey="1">Home</a></li>

<li><ahref="edu.yuantuan.com"accesskey="4">search</a></li>

<li><ahref="contact.html"accesskey="9">contact</a></li>

</ul>

　JS添加一个方法来显示：

functiondisplayAccesskeys(){

if(!document.getElementsByTagName||!document.createElement||!document.createTextNode)returnfalse;

varul=document.getElementById("navigation");

varlinks=ul.getElementsByTagName("a");

varakeys=newArray();

for(vari=0;i<links.length;i++){

if(!links[i].getAttribute("accesskey"))continue;

varkey=links[i].getAttribute("accesskey");

vartext=links[i].lastChild.nodeValue;

akeys[key]=text;

}

varlist=document.createElement("ul");

for(keyinakeys){

vartext=akeys[key];

varstr=key+":"+text;

varitem=document.createElement("li");

varitem_text=document.createTextNode(str);

item.appendChild(item_text);

list.appendChild(item);

}

varheader=document.createElement("h3");

varheader_text=document.createTextNode("Accesskeys");

header.appendChild(header_text);

document.body.appendChild(header);

document.body.appendChild(list);

}