Javascript - 在指定元素中更改元素的src [英] Javascript - Change element's src in specified element

问题描述

<$ p在html中，我有很多带名称（是，名称，不是ID）的DIV，分别是p001，p002，p003 ... $ p> < div id =polename =p001>< img src =>< / div>
< div id =polename =p002>< img src =>< / div>
< div id =polename =p003>< img src =>< / div>


等...

在Javascript我已经定义了名为'pos'的变量，其中包含一个数字，现在为：284
和一个函数，它应该将img src改为player.png。
我尝试了两种方法，但都没有工作：

  document.getElementsByName（'p'+ pos）.innerHTML ='< img src =player.png>'; 
  

和

  document.getElementsByName（ 'p' + POS）.getElementsByTagName（ IMG）SRC = player.png。 
  

如何更改指定DIV中的img src？

解决方案

getElementsByName 返回元素列表，而不是单个元素，所以试试：

  document.getElementsByName（'p'+ pos）[0]。 
 getElementsByTagName（img）[0] .src =player.png; 
  

In html I have a lot od DIVs with names(yes, names, not IDs) respectively p001, p002, p003... which are like this:

<div id="pole" name="p001"><img src=""></div>
<div id="pole" name="p002"><img src=""></div>
<div id="pole" name="p003"><img src=""></div>

etc...

In Javascript I have defined variable called 'pos' which contains a number, for now: "284" and a function which should change img src to "player.png". I tried 2 ways and none of these work:

document.getElementsByName('p'+pos).innerHTML='<img src="player.png">';

and

document.getElementsByName('p'+pos).getElementsByTagName("img").src="player.png";

How to change img src which is in specified DIV?

解决方案

getElementsByName returns a list of elements, not a single element, so try:

document.getElementsByName('p'+pos)[0].
    getElementsByTagName("img")[0].src="player.png";

这篇关于Javascript - 在指定元素中更改元素的src的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！