用JavaScript往DIV动态添加内容

最新推荐文章于 2023-11-30 19:37:39 发布

weixin_30577801

最新推荐文章于 2023-11-30 19:37:39 发布

阅读量580

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huashanqingzhu/p/3689385.html

本文对比分析了jQuery和JavaScript在填充页面元素内容时的使用方式，并通过具体案例展示了如何使用自定义脚本来实现类似功能。文章详细介绍了不同方法的实现步骤、优缺点以及在实际应用中的考虑因素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：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>