下面小编就为大家带来一篇用 js 动态添加 html 元素, 以及属性的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
用 js 动态添加 html 元素, 以及属性的简单实例
- function test(){
- //创建节点
- var lswt_2=document.createElement("div");
- //设置节点id
- lswt_2.id='lswtColse';
- //设置节点属性
- lswt_2.style.width='11px';
- lswt_2.style.height='10px';
- lswt_2.style.top='0px';
- lswt_2.style.right='0px';
- lswt_2.style.position='absolute';
- lswt_2.style.background='url(7.gif)';
- lswt_2.style.backgroundRepeat='no-repeat';
- //为这个节点添加点击时间
- lswt_4.addEventListener("click",loc,false);
- //把这个节点放到那里?放到id为lswt的元素下
- var element_2=document.getElementById("lswt");
- //插入这个节点
- element_2.appendChild(lswt_2);
- }
以上这篇用 js 动态添加 html 元素, 以及属性的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0305/264207.html