JavaScript新手在這裏,溫柔的要求。我使用的JavaScript資源似乎都表示document.images
是對頁面上img
元素的引用的數組(更新:除非它不是數組;請參閱下面的Badacadabra的回答)。這是再清楚不過,所以要鑽它,我寫this:爲什麼document.images包含的不僅僅是圖像引用?
<!DOCTYPE html>
<html>
<body>
<img src="http://java2s.com/style/demo/border.png" width="150" height="113">
<img src="http://java2s.com/style/demo/border.png" width="150" height="113">
<img src="http://java2s.com/style/demo/border.png" width="150" height="113">
<p><button onclick="myFunction()">test</button></p>
<p id="demo"></p>
<script>
function myFunction() {
image_report = ""
for (i in document.images) {
image_report = image_report + document.images[i].src + "<br>";
}
document.getElementById("demo").innerHTML = image_report;
}
</script>
</body>
</html>
但是,而不是隻會得到一個爲頁的三個圖像src
值的列表中,我也得到三個對象進行src
未定義:
http://java2s.com/style/demo/border.png
http://java2s.com/style/demo/border.png
http://java2s.com/style/demo/border.png
undefined
undefined
undefined
那是什麼,他們在那裏做什麼?爲什麼不解釋,例如,here?我可能錯過了關於for...in
如何工作?
_ 「難道我可能失去了一些東西有關如何爲'... in'工作的?」 _'document.images [ 「長度」。 src','document.images [「item」]。src','document.images [「namedItem」] .src'是'undefined'。你可以通過在'for..in'循環中加入'console.log(i)'來驗證。 – guest271314