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

 更新时间:2016年07月19日 11:03:27   投稿:jingxian   我要评论

下面小编就为大家带来一篇用js动态添加html元素,以及属性的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

用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实现自动消除按钮功能的方法

    这篇文章主要介绍了JavaScript实现自动消除按钮功能的方法,涉及javascript针对页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JS实现快递单打印功能【推荐】

    JS实现快递单打印功能【推荐】

    这篇文章主要介绍了JS实现快递单打印功能,给大家介绍了js网页打印的几种方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • 动态刷新 dorado树的js代码

    动态刷新 dorado树的js代码

    动态刷新 dorado树的js代码
    2009-06-06
  • window.onload的页面加载技巧

    window.onload的页面加载技巧

    大家仔细看下面两段代码,代码一的window.onload = doIt()函数后面有();而代码二的window.onload = doIt函数名后面没有括号。
    2008-09-09
  • js canvas实现擦除动画

    js canvas实现擦除动画

    在移动设备上将某张图片擦掉显示另一张图片,利用canvas来实现这篇文章就为大家详细介绍了js canvas实现擦除动画的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)

    根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)

    这篇文章主要介绍了根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本),需要的朋友可以参考下
    2015-09-09
  • 浅谈React前后端同构防止重复渲染

    浅谈React前后端同构防止重复渲染

    这篇文章主要介绍了浅谈React前后端同构防止重复渲染,首先解释React前后端同构、React首屏渲染的概念。然后通过这2个概念解决服务端渲染完成后浏览器端重复渲染的问题。有兴趣的可以了解一下
    2018-01-01
  • js 单引号 传递方法

    js 单引号 传递方法

    当从bean中取出的值是单引号时,加载页面就会报js错。可以使用下面的方法解决。
    2009-06-06
  • js的OOP继承实现(必看篇)

    js的OOP继承实现(必看篇)

    下面小编就为大家带来一篇js的OOP继承实现(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • javascript 获取网页参数系统

    javascript 获取网页参数系统

    用处比较多,适合在当前网页打开别的网站的内容
    2008-07-07

最新评论