HTML DOM coleção de imagens
Document Object Definição e Uso
coleta de imagens Retorna uma matriz de todas as imagens no documento atual.
gramática
document.images[].property
Suporte a navegadores
Todos os principais navegadores apoiar a recolha de imagens
Exemplos
exemplo 1
Voltar para o número do documento de imagens:
<html>
<body>
<img border="0" src="klematis.jpg" width="150" height="113">
<img border="0" src="klematis2.jpg" width="152" height="128">
<p>图像数目:
<script>
document.write(document.images.length);
</script></p>
</body>
</html>
<body>
<img border="0" src="klematis.jpg" width="150" height="113">
<img border="0" src="klematis2.jpg" width="152" height="128">
<p>图像数目:
<script>
document.write(document.images.length);
</script></p>
</body>
</html>
Exemplos de saída acima:
图像数目: 2
tente »
exemplo 2
Retorna a primeira imagem no documento:
<html>
<body>
<img id="w3big1" border="0" src="klematis.jpg" width="150" height="113">
<img id="w3big2" border="0" src="klematis2.jpg" width="152" height="128">
<p>第一个图像的ID：
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>
<body>
<img id="w3big1" border="0" src="klematis.jpg" width="150" height="113">
<img id="w3big2" border="0" src="klematis2.jpg" width="152" height="128">
<p>第一个图像的ID：
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>
Exemplos de saída acima:
第一个图像的ID：w3big1
tente »
Document Object