function addElement_pic(i,imgsrc,website,landingPage){
//获得ul
var ul = document.getElementById("hot_web_pic");
//创建li
var li = document.createElement("li");
//给li设置属性
li.setAttribute("class", "fl limar");
li.setAttribute("id", "liid"+i);
//添加子节点li
ul.appendChild(li);
//获得当前添加的li
var newli = document.getElementById("liid"+i);
//在添加的li中创建子节点div
var div = document.createElement("div");
//给子节点div设置属性
div.setAttribute("id", "divid"+i);
//创建子节点
newli.appendChild(div);
var newdiv = document.getElementById("divid"+i);
//给div设置div
document.getElementById("divid"+i).style.width="58px";
document.getElementById("divid"+i).style.height="59px";
//创建子节点img
var img = document.createElement("img");
//给img设置属性
img.src = imgsrc;
//添加子节点
newdiv.appendChild(img);
//创建子节点p
var textp = document.createElement("p");
textp.innerHTML = website;
newdiv.appendChild(textp);
newdiv.οnclick=function(){//给p标签添加onclick事件
window.open(landingPage);
};
}
js动态添加子节点
最新推荐文章于 2020-12-29 20:55:40 发布