js动态添加子节点
来源:互联网 发布:淘宝封店支付宝还能用 编辑:程序博客网 时间:2024/05/16 14:16
function addElement_pic(i,imgsrc,website,landingPage){//获得ulvar ul = document.getElementById("hot_web_pic");//创建livar 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.onclick=function(){//给p标签添加onclick事件 window.open(landingPage); };}
阅读全文
0 0
- js动态添加子节点
- dom动态添加子节点
- js动态添加节点到兄弟节点
- jquery动态添加dom节点 js动态添加dom节点
- js appendChild removeChild 添加 删除 子节点
- js操作之动态添加,删除节点
- Js为表单动态添加节点内容
- Js(DOM)动态添加节点和事件
- 父节点layout动态添加子节点,container模式动态更新父节点size
- js对节点的操作,添加,删除,获得父节点,子节点,兄弟节点
- jquery 获取动态添加后子节点的元素个数
- 添加取得子节点
- js 动态添加一个 节点(或控件)
- HTML5学习之路--js动态添加svg节点
- js动态添加的节点 绑定时间不响应原因
- JS为循环动态生成的节点添加点击事件
- js动态append添加的节点,点击事件无效
- JS实现动态绑定单击事件给节点添加样式
- 谈判技巧
- JQuery动态生成Table表格
- Open-Source iOS Apps
- 时间工具类
- c++对文件进行操作之遍历双层文件结构
- js动态添加子节点
- centos 增加端口 修改防火墙
- 常用类(Object类,Scanner类,String类)
- Eclipse 交叉编译环境
- Sql server 权限管理
- centos 增加端口 修改防火墙
- day07-工作
- this和super
- 011-SDK框架之LYWSDKProtocolIOS.h