JS如何在页面中插入HTML代码
3个回答
展开全部
在JS中插入短的HTML代码，可以通过先使用一个函数来包着，你要添加的HTMl代码，然后在使用innerHTML这个函数提取就行，在你的HTMl中添加一个事件就行，然后调用这个函数就行了，具体的我提供例子给你看下：
<html>
<head>
<script>
function
insert(){
var
insertText
=
"<table><tr><td>any
thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button
onclick="insert()">Insert</button>
<div
id="insert"></div>
</body>
</html>
<html>
<head>
<script>
function
insert(){
var
insertText
=
"<table><tr><td>any
thing</td></tr></table>";
document.getElementById("insert").innerHTML(insertText);
}
</script>
</head>
<body>
<button
onclick="insert()">Insert</button>
<div
id="insert"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
步骤
1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。
1、新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。
2、JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用字符串的方式
var
str
=
'<div>我是页面</div>';
document.getElementById('body').innderHTML
=
str;
就可以通过js插入html代码了
var
str
=
'<div>我是页面</div>';
document.getElementById('body').innderHTML
=
str;
就可以通过js插入html代码了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
