javascript基础 获取属性并创建 2017年1月11日

/** * Created by Administrator on 2017/1/11. */function displayCitatinons() {    if(!document.createElement || !document.createTextNode || !document.getElementsByTagName) return false;    var blockquote = document.getElementsByTagName("blockquote");    for(var i=0;i<blockquote.length;i++){        // 检测一下有没有cite属性 获取他的url        if(!blockquote[i].getAttribute("cite")) continue;        var url = blockquote[i].getAttribute("cite");        // 获取目标节点 即block标签的最后一个元素标签        var blockquoteChildren = blockquote[i].getElementsByTagName("*"); //取得bq块下所有的元素节点        if(blockquoteChildren.length < 1) continue; //如果没返回元素节点数组 立马放弃 继续下次循环        var elem = blockquoteChildren[blockquoteChildren.length - 1]; //现在获取了bq块下的最后一个子元素节点        // 开始创建a标签        var link = document.createElement("a");        var link_text = document.createTextNode("source");        link.appendChild(link_text);        link.setAttribute("href",url);        // 创建sup标签包裹A标签 并把sup标签连接到目标标签后面        var sup = document.createElement("sup");        sup.appendChild(link);        elem.appendChild(sup);    }}

需要注意的一些事项

1

    var blockquoteChildren = blockquote[i].getElementsByTagName("*");        if(blockquoteChildren.length < 1) continue;        var elem = blockquoteChildren[blockquoteChildren.length - 1];

这里不用lastchild 而用比较复杂的筛选的原因是 你不能百分比确保 获取到的一定是元素节点 某些浏览器可能会认为是最后一个文本节点 也就是换行符 所以 获取节点一定要谨慎 去做一些确保的措施