更改嵌套 alt 标记中的 img答案

【问题标题】：Changing the img in a nested alt tag更改嵌套 alt 标记中的 img
【发布时间】：2014-07-13 12:24:53
【问题描述】：

如何以编程方式更改以下结构中的img？

  <div id="runner" class="nav brand pull-left">
        <a alt="motherboard" href="/tree/">
            <img alt="mega node" src="img.png"></img>
        </a>
  </div>

firefox 将我指向此

#runner > a:nth-child(1) > img:nth-child(1)

我已经尝试使用以下标准方法和各种命名约定

document.getElementById("#runner").src="icon.png";
document.getElementById("#runner.a.img").src="icon.png";
document.getElementById("#runner.img").src="icon.png";
document.getElementById("mega node").src="icon.png";

我什至尝试过 css 无济于事，

div#runner {
    content:url("img.png");
}

【问题讨论】：

我认为这不是您使用 getElementById 的方式。
@Havenard 我按照这个答案stackoverflow.com/questions/11722400/…的例子进行了
不，getElementById() 将仅通过指定的 id 和 id 选择一个 DOM 元素。我想你想改用querySelector()。
@Havenard 啊，我现在明白了，谢谢，科学我将如何用 css 做到这一点？
stackoverflow.com/questions/2676436/…

标签： javascript html css css-selectors

【解决方案1】：

您以错误的方式在getElementById() 中指定参数，您应该只提供id，而不提供选择器#。你可以找到你的#runnerdiv，然后在其中找到第一个<img>标签并将其更改为src属性：

  document.getElementById('runner').querySelector('img').src = 'icon.png'

Example

甚至更简单，不使用getElementById()：

 document.querySelector('#runner a img').src = 'icon.png'

Example

【讨论】：