用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 setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
javascript事件模型介绍
May 31 Javascript
微信JS接口大全
Aug 25 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
Vue表单类的父子组件数据传递示例
May 03 Javascript
JS学习笔记之闭包小案例分析
May 29 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 Javascript
jquery插件实现代码雨特效
Apr 24 jQuery
详谈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怎样调用MSSQL的存储过程
2006/10/09 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
Laravel框架搜索分页功能示例
2019/02/01 PHP
图像替换新技术 状态域方法
2010/01/28 Javascript
js 内存释放问题
2010/04/25 Javascript
this和执行上下文实现代码
2010/07/01 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
JavaScript伸缩的菜单简单示例
2013/12/03 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
React如何避免重渲染
2018/04/10 Javascript
详解vuex结合localstorage动态监听storage的变化
2018/05/03 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
JavaScript静态作用域和动态作用域实例详解
2019/06/17 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
[56:41]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs OG
2018/04/01 DOTA
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python实现扩展内置类型的方法分析
2017/10/16 Python
python:print格式化输出到文件的实例
2018/05/14 Python
Django框架自定义session处理操作示例
2019/05/27 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
linux面试题参考答案(6)
2016/06/23 面试题
医科大学毕业生自荐信
2014/02/03 职场文书
新闻发布会主持词
2014/03/28 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
乳制品整治工作方案
2014/05/29 职场文书
快递员岗位职责
2014/09/12 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
家长通知书家长意见
2015/06/03 职场文书
2016年公司中秋节致辞
2015/11/26 职场文书
Python 图片添加美颜效果
2022/04/28 Python