當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript dom追加内容的例子
生活随笔
收集整理的這篇文章主要介紹了
javascript dom追加内容的例子
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
javascript dom追加內容的例子 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>javascript?dom追加內容-www.jbxue.com</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> posted on 2013-09-21 21:23 snowfly123 閱讀(...) 評論(...) 編輯 收藏
<html?xmlns="http://www.w3.org/1999/xhtml">?
<head>?
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>?
<title>javascript?dom追加內容-www.jbxue.com</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> posted on 2013-09-21 21:23 snowfly123 閱讀(...) 評論(...) 編輯 收藏
轉載于:https://www.cnblogs.com/linuxnotes/p/3332088.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的javascript dom追加内容的例子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Cheatsheet: 2013 09.
- 下一篇： shell 学习笔记（四）