码迷,mamicode.com
首页 > Web开发 > 详细

JS DOM编程艺术——显示文献来源链接表—— JS学习笔记2015-7-17(第86天)

时间:2015-07-18 00:15:10      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

function displayCitations(){
  // 取得所有引用
     var quotes = document.getElementsByTagName("blockquote");
     //遍历引用
     for( var i=0; i<quotes.length; i++){

         // 如果没有cite属性,继续循环
         if(!quotes[i].getAttribute("cite")) continue;
         // 保存cite属性
         var url = quotes[i].getAttribute("cite");
         // 取得引用中所有的元素节点
         var quoteChildren = quotes[i].getElementsByTagName("*");
         // 如果没有元素节点,继续循环
         if( quoteChildren.length < 1) continue;
         // 取得引用中的最后一个元素节点
         var elem = quoteChildren[quoteChildren.length-1];
         // 创建标记
         var link = document.createElement("a");
         var link_text = document.createTextNode("source");
         link.appendChild(link_text);
         var superscript = document.createElement("sup");
         superscript.appendChild(link);
         // 把标记添加到引用中的最后一个元素节点;
         elem.appendChild(superscript);
     }

 }
 
 addLoadEvent(displayCitations);

 

JS DOM编程艺术——显示文献来源链接表—— JS学习笔记2015-7-17(第86天)

标签:

原文地址:http://www.cnblogs.com/zhangxg/p/4655855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!