DOMParser 注入 DOM 但注入后不应用 css 样式表?

2023-11-21

我有一个小测试用例:

http://jsfiddle.net/9xwUx/1/

代码归结为以下内容(给定一个 id 为“target”的节点):

var string = '<div class="makeitpink">this should be pink, but is not</div>';
var parser = new DOMParser();
var domNode = parser.parseFromString(string,"text/xml");
document.getElementById("target").appendChild(domNode.firstChild);

如果运行测试用例,然后通过 firebug/chrome web 检查器检查目标节点,并选择 jsfiddle 的 iframe 的 body 标记内的任何节点,然后执行“编辑为 HTML”,在任何地方添加一个随机字符作为字符串 [不是属性到 domnode,要清楚],然后“保存”,应用样式。但不是在那之前。 说我很困惑是轻描淡写的。

有人能澄清一下这是怎么回事吗? 谢谢。


您可以将 mime 类型更改为text/html并执行以下操作:

var parser = new DOMParser()
var doc = parser.parseFromString(markup, 'text/html')
return doc.body.firstChild

我没有在每个浏览器上进行测试,但它适用于 Chrome 和 Firefox。我看不出有什么理由它在其他地方不起作用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

DOMParser 注入 DOM 但注入后不应用 css 样式表? 的相关文章

随机推荐

  • 如何在 Linux 服务器中安排 R 脚本 Cronjob? [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 这个问题似乎不是关于主要由程序员使用的特定编程问题 软件算法或软件工具 如果您认为该问题与主题相关另一个 Stack Exchange 站点 您可以发表评论来解释问题可以在哪里得到解
  • 在发布模式下在 .NET 中进行调试

    前段时间我读过一篇关于 CLR 的文章 其中作者表明 如果项目以 DEBUG 模式编译 则在每个操作符之前都会出现一个 NOP 命令 从而允许调试代码 然而 今天我发现我们也可以在发布模式下进行调试 请帮助理解其中的区别 调试 net 代码
  • 使用 TCPIP 的多节点 docker 环境中的 Hazelcast

    我目前正在努力解决以下问题 我有一个 Java EE 应用程序 它应该能够在集群中运行 它确实如此 对于节点之间的数据交换 我使用 Hazelcast 3 3 3 由于我们的客户害怕 UDP 我们使用 TCP 所以我为每个节点配置 3 个
  • JDK 11.javax.net.ssl.SSLPeerUnverifiedException:对等点未经过身份验证

    我正在将我们的平台迁移到 JDK 11 其中一项服务在调用 graph facebook com API 时出现以下问题 org springframework web client ResourceAccessException GET
  • Material UI 重写样式并增加了特异性

    如何覆盖具有高特异性的类的规则 例如 MuiAccordionSummary content Mui expanded类中的手风琴摘要 const useStyles makeStyles gt expanded marginBottom
  • Mvvm交叉对话框

    我目前正在研究所有可能的解决方案 以便能够在用户需要做出决定时通知用户 即弹出对话框 这是 MVVM 模式的常见问题 我正在尝试为 MvvmCross 框架解决它 可能的解决方案可能是 自定义 MvxPresenter 以能够显示对话框 但
  • 使用 Qml/Qt 进行 https POST / GET

    最近我正在使用 Qt Qml 开发诺基亚手机 我必须向给定的 HTTPS Url 发出 POST 请求 我正在使用 QML 并尝试用 Javascript 来完成它 但没有任何运气 有人对此有什么想法吗 可以在 QML 中使用 Javasc
  • NSUserDefaults。 setValue 有效,setBool 不行

    我尝试在 NSUserDefaults 中存储一些设置 但该应用程序似乎不会存储 setBool 值 这有效 NSUserDefaults standardUserDefaults setValue hello forKey test NS
  • 单击 listViewItem 时显示带有单选按钮的警报对话框

    我有一个 listView 其中有 2 个项目 这两个项目是 秒 和 分钟 当我按 秒 时 我希望打开一个警报对话框并显示 5 10 15 秒 当我按分钟时也一样 像这样的东西 但我在实施它时遇到了困难 因为我不太了解它是如何工作的 这是我
  • 是什么让 pylint 认为我的类是抽象的?

    据我了解 Python 2 5 2 并不真正支持抽象类 为什么 pylint 抱怨这个类是 抽象类而不是引用 它会为任何具有以下功能的类执行此操作吗NotImplementedError thrown 我将每个类都放在自己的文件中 所以如果
  • 在 C++ (MFC) 应用程序和 C# 之间传递数据

    我们有一个整体式 MFC GUI 应用程序 它在 C 中的生命周期已接近尾声 我们计划用 C 构建新功能并在每个应用程序之间传递数据 问题是 在 C 和 C 之间传递数据的最佳方法是什么 Notes 两端都将有一个 GUI 前端 并且可能只
  • 将 JPanel 放置在 JFrame 中的特定位置

    我需要帮助将 JPanel 定位到 Jframe 中的特定位置 我在扩展 JFrame 的类中有一个 JPanel 我需要将此 JPanel 放在特定的 x y 位置 是这样的 public class Frame extends JFra
  • 全屏时 ALV 网格工具栏丢失

    我创建了一个简单的 ALV 网格并用数据填充了网格 现在网格显示在选择屏幕之后 我没有使用自定义容器并全屏显示网格 ALV网格对象是否有一个属性可以启用带有按钮的工具栏filter sort等 通常位于网格顶部 到目前为止 这就是我所拥有的
  • Android 4.1+ 中区域设置更改后 Activity 闪烁

    大约一年前 我已经实现了自定义区域设置选择 但在 4 1 版本发布后 用户开始抱怨活动不断闪烁 这是我正在使用的代码 从不同的答案编译 public final class TestApplication extends Applicati
  • Facebook Javascript SDK open-graph:为自定义故事添加自定义对象时出错

    我创建了一个名为 意见 的自定义对象来围绕它构建自定义故事 我正在尝试使用 javascript sdk 从我的网站添加一些应用程序拥有的对象 facebook 给我的示例代码是 FB api me objects namespace op
  • 禁用特定包的日志记录

    我正在我的应用程序中实现 python 日志记录 并且我希望能够利用 默认 根设置 我想使用根设置 因为我不想在配置文件中为每个模块定义一个记录器 当我打开根记录器的调试级别日志记录时 我遇到了 QPID Python 客户端 API 的问
  • 不允许浅层更新 (git > 1.9)

    有很多答案指出 git 1 9 消除了浅层克隆的限制 尽管如此 我正在使用 2 6 1 但仍然存在以下基本问题 首先 我在某处创建一个空的存储库 cd tmp mkdir target cd target git init 然后 我浅克隆一
  • 通过 Unity 获取同一消息的多个消费者在 MassTransit 中不起作用

    我最近遇到了很多问题 因为似乎是一个错误MassTransit UnityIntegration包 主要是因为没有考虑注册名称 例如 如果我像这样注册我的课程 var container new UnityContainer Registe
  • 测试时出现“mpromise(猫鼬的默认承诺库)已弃用”错误[重复]

    这个问题在这里已经有答案了 一段时间以来 我一直收到此错误 我决定今天修复它 但经过一个小时的尝试修复后 我可以找到解决方案 当我测试我的猫鼬用户模型时 会生成此错误 警告 Mongoose mpromise mongoose s defa
  • DOMParser 注入 DOM 但注入后不应用 css 样式表?

    我有一个小测试用例 http jsfiddle net 9xwUx 1 代码归结为以下内容 给定一个 id 为 target 的节点 var string div class makeitpink this should be pink b