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>

相关文章

  • js 针对html DOM元素操作等经验累积

    js 针对html DOM元素操作等经验累积

    这篇文章主要介绍了js 针对html DOM元素操作等经验累积,需要的朋友可以参考下
    2014-03-03
  • ElementUI在实际项目使用步骤详解

    ElementUI在实际项目使用步骤详解

    这篇文章主要介绍了ElementUI在实际项目使用的功能总结,本文分步骤通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-07-07
  • 小程序使用watch监听数据变化的方法详解

    小程序使用watch监听数据变化的方法详解

    这篇文章主要介绍了小程序使用watch监听数据变化的方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 详解ES6 CLASS在微信小程序中的应用实例

    详解ES6 CLASS在微信小程序中的应用实例

    这篇文章主要介绍了详解ES6 CLASS在微信小程序中的应用实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • JS三目运算(三元运算)方法详解

    JS三目运算(三元运算)方法详解

    下面小编就为大家带来一篇JS三目运算(三元运算)方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 在Z-Blog中运行代码[html][/html](纯JS版)

    在Z-Blog中运行代码[html][/html](纯JS版)

    在Z-Blog中运行代码[html][/html](纯JS版)...
    2007-03-03
  • 微信小程序使用canvas画图保存图片到手机相册代码示例

    微信小程序使用canvas画图保存图片到手机相册代码示例

    在微信小程序中利用canvas API绘制图形后,可通过CanvasContext.draw方法将图形渲染到画布,并使用wx.canvasToTempFilePath将画布导出为图片,再通过wx.saveImageToPhotosAlbum方法保存到手机相册,,需要的朋友可以参考下
    2024-09-09
  • 两个函数相互调用如何防止死循环

    两个函数相互调用如何防止死循环

    这篇文章主要介绍了两个函数相互调用如何防止死循环问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • JS实现鼠标点击展开或隐藏表格行的方法

    JS实现鼠标点击展开或隐藏表格行的方法

    这篇文章主要介绍了JS实现鼠标点击展开或隐藏表格行的方法,实例分析了javascript操作table表格与css样式的技巧,需要的朋友可以参考下
    2015-03-03
  • JavaScript中的数据类型有哪些

    JavaScript中的数据类型有哪些

    本文介绍了JavaScript中的八种数据类型:Undefined、Null、Boolean、Number、String、Symbol、BigInt和Object,基础数据类型存储在栈内存中,而引用数据类型存储在堆内存中,每种数据类型都有其特定的用途和特性
    2025-01-01

最新评论