Question

如果我有这个css

div.myContainer img.noCampaign { display:none; }

和这个html / javascript

<div class="myContainer">
  <script>document.write('<img class="noCampaign" src="whatever.jpg" />');</script>
</div>

我似乎无法让img元素消失？

使用javascript document.write动态添加元素时，是否无法通过css访问img元素？

/ T

Answer 1

CSS样式影响js生成的HTML元素 - 事实上，您的示例代码在我的测试中完全按预期工作。（无论如何加入<script>元素后）

我怀疑你的代码存在一些其他问题阻止它按你喜欢的方式运行 - 如果用你实际使用的代码编辑问题，我们可以帮你找到问题。那里可能只有一个简单的语法或优先级错误。

Answer 2

您可以在不使用document.write的情况下将子元素附加到文档中。将图像元素作为子元素添加到div。

使用

document.createElement

Answer 3

是生成的任何内容（静态或动态）受任何css（外部，嵌入或内联）的影响

Answer 4

嵌入的网址会帮助您吗？

document.write('<span style="color:#FFFFFF;"> <img src="www.example.com/img.jpg" /> some text and a <a href="http://example.com/" title="example">link</a>');

css会影响document.write添加的元素吗？

4 个答案: