用JavaScript往DIV动态添加内容

简介: 参考:http://zhidao.baidu.com/link?url=6jSchyqPiEYCBoKdOmv52YHz9r7MTBms2pK1N6ptOX1kaR2eg320mlW1Sr6n36hpOeOadBxC2rWWGuhZPbms-K 要填充的数据为: 这是一个测试例子.
+关注继续查看

参考: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!')" />

 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

 

 

 

相关文章
|
3天前
|
JavaScript
JS实现鼠标拖动div移动
JS实现鼠标拖动div移动
|
14天前
|
JavaScript
js给div设置随机色demo示例
js给div设置随机色demo示例
|
1月前
|
JavaScript
js调整两个div的先后顺序
js调整两个div的先后顺序
18 0
|
2月前
|
JavaScript 前端开发
【JavaScript】给一个div块添加链接,实现点击跳转页面
【JavaScript】给一个div块添加链接,实现点击跳转页面
|
2月前
|
JavaScript 前端开发
javascript简单的隐藏显示DIV解决方案
javascript简单的隐藏显示DIV解决方案
20 0
|
2月前
|
JavaScript
JS实现定时自动更换DIV或页面背景图片
JS实现定时自动更换DIV或页面背景图片
44 0
|
4月前
|
前端开发 容器
零基础html5+div+css+js网页开发教程第009期 导航栏css美化
零基础html5+div+css+js网页开发教程第009期 导航栏css美化
107 0
|
4月前
|
JavaScript 容器
零基础html5+div+css+js网页开发教程第010期 图片轮播案例
零基础html5+div+css+js网页开发教程第010期 图片轮播案例
|
4月前
|
前端开发 程序员
零基础html5+div+css+js网页开发教程第007期 网页基本代码框架
零基础html5+div+css+js网页开发教程第007期 网页基本代码框架
102 0
|
4月前
|
前端开发 开发工具
零基础html5+div+css+js网页开发教程第006期 网页快速开发技巧
零基础html5+div+css+js网页开发教程第006期 网页快速开发技巧
相关产品
云迁移中心
推荐文章
更多