用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;


我做的案例：
腳本：

content是div的ID號。

前臺：

 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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/377102.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/377102.shtml
英文地址，請注明出處：http://en.pswp.cn/news/377102.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！