用JavaScript往DIV动态添加内容
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
⽤JavaScript往DIV动态添加内容<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">
5function 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。