js替换html(js替换html标签)
客户端js不具备读写文件的权限,只修改内存内容可以连同js代码一起保存,每次浏览器读html后都自动修改一遍js相当于自动化脚本。
将js中的值传递给html var Value = quotvar oDiv = documentgetElementByIdquotdivquotoDivinnerHTML = Value用innerHTML属性,这样就可以了。
var dc=documentgetElementsByClassNamequotdefaultcontainerquotforvar i=0iltdclengthi++ dciinnerHTML=dciinnerHTMLreplacequot读音quot,quot 读音ltspan class=#39fatyam#39quotreplacequotltbr词性quot,quot。
思路正则替换 举例ltscript type=quottextjavascriptquot var s = quotltspan style=#39display#39This is testltspanquots = sreplacelt^*?g,quotquot 这里全局替换非标签文本 alertsltjavascript。
这样在开发的时候,模板文件和 JS 代码分离,非常好维护当然这样做的话,上线的时候总发 XHR 请求也不是办法所以在打包 JS 之前,我一般会通过脚本把所有的 Templateload#39*#39 提取出来,替换成对应 HTML 的内容。
主要是用来记录后台返回时对他的格式进行修改的操作自带html标签的文章,这种的话非常简单了,假设后台返回的文章内容放在content字段中,直接在vue中利用vhtml=content,这样就可以正确显示文章的格式了不带html标签的文章。
2在indexhtml中的ltscript标签,输入js代码$#39img#39attr#39src#39, #39png#393浏览器运行indexhtml页面,此时网页上的所有图片都被替换成了指定的图片。
var html = quottextquot $quot#idquotappendhtml 这个id可以是一个div的id 这样,在你页面加载到这段代码之后,你的这个id=id的div里面就会有个text。