用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 相关文章推荐
用js来解决ajax读取页面乱码
Nov 28 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
详解Weex基于Vue2.0开发模板搭建
Mar 20 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 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部分常见问题总结
2006/10/09 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
php输出xml格式字符串(用的这个)
2012/07/12 PHP
一个PHP并发访问实例代码
2012/09/06 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
2016/05/03 Javascript
JavaScript String 对象常用方法详解
2016/05/13 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
JS常用知识点整理
2017/01/21 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
教你如何编写Vue.js的单元测试的方法
2018/10/17 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
python3实现表白神器
2019/04/09 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Python基于requests库爬取网站信息
2020/03/02 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python Cartopy的基础使用详解
2020/11/01 Python
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
后勤岗位职责
2013/11/26 职场文书
2014年国培研修感言
2014/03/09 职场文书
《长相思》听课反思
2014/04/10 职场文书
房屋过户委托书范本
2014/10/07 职场文书
社区活动总结
2015/02/04 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
财务稽核岗位职责
2015/04/13 职场文书