What is the Document object Model?

The W3C defines the DOM as:



A platform- and language-neutral interface that will allow programs 
and scripts to dynamically access and update the content,structure and styles of documents.



It is an API
that can be used to navigate XML
documents.

 

function addLoadEvent(func){    //不管在页面加载完毕执行多少个函数，都应付自如
 var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}

function displayCitations(){
//检查兼容性
if(!document.getElementsByTagName||!document.createElement||!document.createTextNode) return false;

var quotes = document.getElementsByTagName("blockquote");
for( var i = 0;i < quotes.length; i++){
if(!quotes[i].getAttribute("cite")) continue;
var url = quotes[i].getAttribute("cite");             //获取cite属性的值：也就是链接
var quoteChildern = quotes[i].getElementsByTagName("*");      //因为p节点和blockquote节点之间有个换行符，不少浏览器会把它解释为几个文本节点，这样一来，blockquote元素节点的lastChild属性
//检查长度是否小于1 ，如果是，立刻退出本次循环。              //就是一个文本节点不是p元素节点。该条语句是为了获取最后一个元素节点的位置。建议：如果没有百分之百把握，一定要去检查
if(quoteChildern.length < 1) continue;                        //lastChild的nodeType属性，以免获取节点错误。
var elem = quoteChildern[quoteChildern.length - 1];           
var link = document.createElement("a");    //创建a元素
var link_text = document.createTextNode("source");
link.appendChild(link_text);
link.setAttribute("href", url);          //把href属性添加给新链接
//插入链接
var superscript = document.createElement("sup");           //sup元素：指定内含文本要以上标的形式显示，通常比当前字体稍小。
superscript.appendChild(link);                             //以上语句html文本：source
elem.appendChild(superscript);        //追加为变量elem的最后一个子节点

} 
}

addLoadEvent(displayCitations);

浏览器效果：

创新互联建站成立与2013年，是专业互联网技术服务公司，拥有项目成都网站设计、成都做网站、外贸网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元碧江做网站,已为上家服务,为碧江各地企业和个人服务,联系电话:18980820575

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：JSDOM：显示文献来源链接表-创新互联
文章分享：http://kswjz.com/article/hcdjd.html