javascript Dom编程艺术

涉及 快速访问键(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);
      }

猜你喜欢

转载自903600775.iteye.com/blog/2287503