涉及 快速访问键(accesskey属性) 功能:
HTML页面添加如下代码:
<ul id="navigation">
<li><a href="猿团教育" accesskey="1">Home</a></li>
<li><a href="edu.yuantuan.com" accesskey="4">search</a></li>
<li><a href="contact.html" accesskey="9">contact</a></li>
</ul>
JS添加一个方法来显示:
function displayAccesskeys(){
if(!document.getElementsByTagName || !document.createElement || !document.createTextNode) return false;
var ul = document.getElementById("navigation");
var links = ul.getElementsByTagName("a");
var akeys = new Array();
for(var i=0;i<links.length;i++){
if(!links[i].getAttribute("accesskey")) continue;
var key = links[i].getAttribute("accesskey");
var text = links[i].lastChild.nodeValue;
akeys[key] = text;
}
var list = document.createElement("ul");
for(key in akeys){
var text = akeys[key];
var str = key + " : " + text;
var item = document.createElement("li");
var item_text = document.createTextNode(str);
item.appendChild(item_text);
list.appendChild(item);
}
var header = document.createElement("h3");
var header_text = document.createTextNode("Accesskeys");
header.appendChild(header_text);
document.body.appendChild(header);
document.body.appendChild(list);
}
javascript Dom编程艺术
猜你喜欢
转载自903600775.iteye.com/blog/2287503
今日推荐
周排行