使用JS在body元素后动态创建和删除元素

知识点:
如果将代码(例如广告)直接写在body块内且设置为第一个元素,从seo的来讲,网站顶部显示的一行基本与网站的内容没有多大关系。但是作为网站html源代码中比较靠前的内容,是搜索引擎比较看重的内容。因此使用js动态插入代码避免此问题。

创建元素:

(function(){
  var func = function(){
    var parent = document.getElementsByTagName("body")[0];
    if (parent === null) {return false;}
    //console.log(body,parent);

    var source = '创建的html代码';

    var newObj = document.createElement("div");插入元素的tag,如div,p等
    newObj.setAttribute('id', 'myid');//插入元素的ID
    newObj.setAttribute("style","display:block;");//插入元素的CSS
    newObj.innerHTML = source;
    parent.insertBefore(newObj, parent.firstChild);
  };

  try {
    window.addEventListener("load", func, false);
  }
  catch(e) {
    window.attachEvent("onload", func);
  }
})();

删除元素:

(function(){
  var func = function(){
    var newObj = document.getElementsByTagName("div")[0];
    if (newObj === null) {return false;}
    if(newObj.id === "myid"){newObj.parentNode.removeChild(newObj);};
  };

  try{
    window.addEventListener("load", func, false);
  }
  catch(e){
    window.attachEvent("onload",func);
  }
})();

九月 2, 2016 | In: 网页

Comment Form

You must be logged in to post a comment.