JS如何在页面中插入HTML代码

如题所述

步骤

1、新建一网页文件“sample.html",用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。

2、JS代码可插入到”head"标签之间。编写Javascript代码,代码内容如图所示,并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间,然后查看网页文件的显示内容。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-10
在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>
第2个回答  2018-06-27
用字符串的方式
var str = '<div>我是页面</div>';

document.getElementById('body').innderHTML = str;

就可以通过js插入html代码了
第3个回答  2014-11-04
document.body.innerHTML = "你想插入的html代码";

本回答被提问者和网友采纳
相似回答