javascript dom追加内容实现示例

 更新时间:2013年09月21日 16:18:31   作者:  
javascript dom追加内容的使用还是比较广泛的,在本文将为大家介绍下具体的使用方法,感兴趣的朋友可以参考下
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function util(){
var elm=function(){
return document.getElementById("testdiv");
}
var createtxt=function(){
var textnode=document.createTextNode("测试!");
var divnode=document.createElement("div");
divnode.appendChild(textnode);
return divnode;
}

this.process=function(){
elm().appendChild(createtxt());
}
}

var c=new util();
setInterval("c.process()",2000);
</script>

</head>

<body>
<div id="testdiv"></div>
</body>
</html>

相关文章

  • 一文学会JavaScript如何手写防抖节流

    一文学会JavaScript如何手写防抖节流

    其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流,希望对大家有所帮助
    2022-11-11
  • JS图片预加载插件详解

    JS图片预加载插件详解

    这篇文章主要为大家详细介绍了JS图片预加载插件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

    JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

    这篇文章主要给大家介绍了关于JavaScript中常用的3种弹出提示框(alert、confirm、prompt)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • webpack拆分压缩css并以link导入的操作步骤

    webpack拆分压缩css并以link导入的操作步骤

    我们运行打包后会发现less转为了css文件,但css文件确通过js加入style标签,下面我们将css进行拆分出来,并以link标签引入,具体实现步骤一起看看吧
    2021-10-10
  • javascript中闭包closure的深入讲解

    javascript中闭包closure的深入讲解

    这篇文章主要给大家介绍了关于javascript中闭包closure的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • layui的table中显示图片方法

    layui的table中显示图片方法

    今天小编就为大家分享一篇layui的table中显示图片方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • DOM3中的js textInput文本事件

    DOM3中的js textInput文本事件

    DOM3中引入了文本事件,其中之一 textInput 。当用户再可编辑区域输入字符时触发该事件。
    2011-04-04
  • 用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1

    用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1

    用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1...
    2007-02-02
  • Bootstrap每天必学之按钮(Button)插件

    Bootstrap每天必学之按钮(Button)插件

    Bootstrap每天必学之按钮(Button)插件,通过按钮(Button)插件,您可以添加进一些交互,比如控制按钮状态,或者为其他组件(如工具栏)创建按钮组,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 使用JavaScript删除HTML元素的2种方法及3种情况

    使用JavaScript删除HTML元素的2种方法及3种情况

    给定一个HTML元素,如何使用JavaScript从文档中删除该HTML元素,这篇文章主要给大家介绍了关于使用JavaScript删除HTML元素的2种方法及3种情况,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01

最新评论