用JavaScript往DIV动态添加内容

时间：2025-02-24 22:05:56

参考：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" onclick="return show('hello world!')" />

 <html>

     <head>

         <title>test page</title>

         <script type="text/javascript">

             function show(string)

             {

                 //var data = '这是一个测试例子';

                 document.getElementById('show').innerHTML = string;

             }

         </script>

     </head>

     <body>

         <a href="javascript:void(0)" onclick="show('hello world！')">打开</a>

         <div id="show"></div>

     </body>

 </html>

相关文章