用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中的封装与继承特性
Mar 19 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
mui框架 页面无法滚动的解决方法(推荐)
Jan 25 Javascript
vue组件jsx语法的具体使用
May 21 Javascript
vue如何进行动画的封装
Sep 26 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
Jun 10 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
JS获取当前时间戳方法解析
Aug 29 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 中include()与require()的对比
2006/10/09 PHP
简单采集了yahoo的一些数据
2007/02/14 PHP
php使用curl检测网页是否被百度收录的示例分享
2014/01/31 PHP
PHP读取文件内容后清空文件示例代码
2014/03/18 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
jquery 实现表单验证功能代码(简洁)
2012/07/03 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
为JS扩展Array.prototype.indexOf引发的问题及解决办法
2015/01/21 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
vue-loader教程介绍
2017/06/14 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
微信小程序数据存储与取值详解
2018/01/30 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
JavaScript如何获取一个元素的样式信息
2019/07/29 Javascript
Vue.js中provide/inject实现响应式数据更新的方法示例
2019/10/16 Javascript
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Django更新models数据库结构步骤
2020/04/01 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
《花瓣飘香》教学反思
2014/04/15 职场文书
委托书的写法
2014/08/30 职场文书
三行辞职书范文
2015/02/26 职场文书
文艺有韵味的诗句(生命类、亲情类...)
2019/07/11 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL