js 使用innerHTML输出html代码时对上层代码样式有影响

x磊 x磊 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

js 代码:document.getElementById("emial_content").innerHTML=$scope.email.content;

html 代码: <div id="emial_content" class=" qm_con_body_content"></div>
css代码:.qm_con_body_content {
height: auto;
min-height: 100px;
word-wrap: break-word;
font-size: 14px;
font-family: "lucida Grande", Verdana, "Microsoft YaHei";
}

正常情况下的样式:
异常情况下的样式:
...全文

相关推荐

Javascript中innerHTML用法实例分析

本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。 具体实现方法如下: 代码如下:&lt;html&gt; &lt;head&gt; [removed] function t(){  var cont = document.getElementById(‘container’);  var htmlcode = “哈哈哈哈”;  cont[removed] = htmlcode; } [removed] &lt;/head&gt; &lt;body&gt;     春天   &lt;li

weixin_38614268

js innerHTML 改变div内容的方法

永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。

weixin_38607552

解决ajax返回innerHTML中javascript不能运行问题

解决ajax返回innerHTML中javascript不能运行问题

zhangyu162412

javascript innerHTML使用分析

在做 《JS在线打字练习》时,发现JS在不同浏览器上的字符处理是不一样的。

weixin_38704156

javascript 异步的innerHTML使用分析

当然,这个分时加载技术只是一个辅助技术,本身没有添加节点的能力。如今,另一种更奇特的技术Asynchronous innerHTML又被开发出来了,不能不赞一下外国人在这方面研究是非常超前的。 代码如下: function asyncInnerHTML(HTML, callback) { var temp = document.createElement(‘div’), frag = document.createDocumentFragment(); temp[removed] = HTML;//要加入的内容先放到这里。 (function(){ if(temp.firstChild)

weixin_38569651
评论 1
收藏 已收藏
分享
返回顶部
x磊
JavaScript 87,983 成员 224,681 内容