为什么 DOM 添加 appendChild 显示在浏览器上而不是在源代码中？
Why do DOM additions with appendChild display on the browser but not in the source?
我正在使用 appendChild 动态添加样式，它们可以工作，但它们不会出现在标记的源代码中（尽管在 window.onload 之后调用 appendChild）。
const style = document.createElement('style');
style.innerHTML = `h1{color:red;}`;
window.onload = function(){document.head.appendChild(style);}
https://jsfiddle.net/QK9sE0/9wtkr7mo/
因为源是源而不是 DOM 当前状态的实时表示。
如果您按照说明搭建了一个乐高模型，然后又添加了一些零件，则不会更改说明。
大多数浏览器都有一组带有“检查”选项卡的开发人员工具，可以实时显示 DOM 的当前状态。
我正在使用 appendChild 动态添加样式，它们可以工作，但它们不会出现在标记的源代码中（尽管在 window.onload 之后调用 appendChild）。
const style = document.createElement('style');
style.innerHTML = `h1{color:red;}`;
window.onload = function(){document.head.appendChild(style);}
https://jsfiddle.net/QK9sE0/9wtkr7mo/
因为源是源而不是 DOM 当前状态的实时表示。
如果您按照说明搭建了一个乐高模型，然后又添加了一些零件，则不会更改说明。
大多数浏览器都有一组带有“检查”选项卡的开发人员工具，可以实时显示 DOM 的当前状态。