我想要在不改变网页的HTML和命名结构的情况下改变src标签的内容。
目前我的代码大概长这样:
....
<div class="main">
<button>
<img src="image/placeHolder.png"/>
<div>the nothing</div>
</button>
</div>
我需要更改这个img标签的src属性,目前我的JavaScript代码如下:
<script type="text/javascript">
function changeSource() {
var image = document.querySelectorAll("img");
var source = image.getAttribute("src").replace("placeHolder.png", "01.png");
image.setAttribute("src", source);
}
changeSource();
</script>
我不知道为什么它不能工作,但我希望有人能解决它 :D
document.querySelectorAll()
返回 NodeList,你需要使用querySelector
或者直接访问第一个(或任何其他)元素,例如image[0]
。 - Ilya I