用js动态添加html元素,以及属性的简单实例


Posted in Javascript onJuly 19, 2016

用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元素,以及属性的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
Javascript中的arguments对象
Jun 20 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
vue.js组件之间传递数据的方法
Jul 10 Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 Javascript
4个顶级开源JavaScript图表库
Sep 29 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
three.js如何实现3D动态文字效果
Mar 03 Javascript
详谈JS中实现种子随机数及作用
Jul 19 #Javascript
全面了解JavaScript对象进阶
Jul 19 #Javascript
EasyUI中在表单提交之前进行验证
Jul 19 #Javascript
jQuery EasyUI提交表单验证
Jul 19 #Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 #Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 #Javascript
JS动态给对象添加事件的简单方法
Jul 19 #Javascript
You might like
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
wordpress自定义url参数实现路由功能的代码示例
2013/11/28 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
PHP图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
window.location 对象所包含的属性
2014/10/10 Javascript
JavaScript代码生成PDF文件的方法
2016/02/26 Javascript
基于jQuery实现仿百度首页选项卡切换效果
2016/05/29 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
使用mixins实现elementUI表单全局验证的解决方法
2019/04/02 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
JavaScript 异步时序问题
2020/11/20 Javascript
初学python的操作难点总结(新手必看篇)
2017/08/03 Python
python 设置文件编码格式的实现方法
2017/12/21 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
python使用adbapi实现MySQL数据库的异步存储
2019/03/19 Python
python中property属性的介绍及其应用详解
2019/08/29 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
技校个人求职信范文
2014/01/25 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
初中政教处工作总结
2015/08/12 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL