js如何把html当字符串渲染到页面上

html-css010

js如何把html当字符串渲染到页面上,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:var a = '<input type="text" value="test" />'document.body.innerText = a。

3、浏览器运行index.html页面,此时html代码被当成字符串渲染到了页面上。

之前对接口遇到了接口数据中包含图片或音频的地址的格式,也就是图文混排格式,所以封装了字符串替换的方法。但是替换完之后就是下图,html不能解析。 封装的图文混排解析方法: 解决: 用v-html解析html标签 <span v-html="item.name"></span> 不能使用 <span>{{item.name}}</span>解析,{{}}只能解析字符串。 解决问题是看到的文档,可以看一下。本项目使用的是vue2.0,所以实践中{{{}}}并不可行。http://blog.csdn.net/faryang/article/details/53011703

安装依赖:

有两种使用方式:

参考链接:

https://blog.csdn.net/qq_38143787/article/details/108474254