當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
用JavaScript往DIV动态添加内容
生活随笔
收集整理的這篇文章主要介紹了
用JavaScript往DIV动态添加内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考：http://zhidao.baidu.com/link?url=6jSchyqPiEYCBoKdOmv52YHz9r7MTBms2pK1N6ptOX1kaR2eg320mlW1Sr6n36hpOeOadBxC2rWWGuhZPbms-K
<div id="show"></div>要填充的數據為: 這是一個測試例子.
jquery：
$(function(){
var data = '這是一個測試例子';
$('div:#show').html(data);
});
js：
var data = '這是一個測試例子';
document.getElementById('show').innerHTML = data;
我做的案例：
腳本：
<script type="text/javascript">
function show(string)
{
? ? var content=document.getElementById("content");
? ? content.innerHTML=string;
}
</script>
content是div的ID號。
前臺：
<input id="Button2" type="button" value="button" οnclick="return show('hello world!')" />
1 <html> 2 <head> 3 <title>test page</title> 4 <script type="text/javascript"> 5 function show(string) 6 { 7 //var data = '這是一個測試例子'; 8 document.getElementById('show').innerHTML = string; 9 } 10 </script> 11 </head> 12 <body> 13 <a href="javascript:void(0)" onclick="show('hello world！')">打開</a> 14 <div id="show"></div> 15 </body> 16 </html> View Code?
?
?
轉載于:https://www.cnblogs.com/huashanqingzhu/p/3689385.html
總結
以上是生活随笔為你收集整理的用JavaScript往DIV动态添加内容的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 刘德华：我当初在韩国非常火
- 下一篇： JavaScript对象的创建总结