如何把JS创建的HTML写入BODY_IT百科

在在BODY里面设立一个容器，然后把内容插入到容器里面，比如BODY里面的内容如下：

...

...

那么JS代码如下：

document.getElementById('new_content').innerHTML='<font color=red>新添加的内容</font>'

步骤

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

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

1、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例：

2、在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“{{}}”符号将变量引入到div标签中，并且在标签中添加“v-html="变量"v-html="变量"”属性：

3、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素：

欢迎分享，转载请注明来源：内存溢出

如何把JS创建的HTML写入BODY