Javascript 使用DOM计算我的页面上有多少个图像_Javascript_Jquery_Html_Css_Dom

Javascript 使用DOM计算我的页面上有多少个图像

javascript jquery html css dom

Javascript 使用DOM计算我的页面上有多少个图像,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,我正在尝试使用DOM来找出我的页面上有多少图像。我需要编写代码来检查我的页面，看看有多少图像，并将它们存储到一个变量中。我不知道如何编写此代码，但我知道您需要在代码中搜索所有标记 <body> <div id="main_content"> <div id="image_selection"> <script type="text/javascript"> </script> </div> <div id="im

我正在尝试使用DOM来找出我的页面上有多少图像。我需要编写代码来检查我的页面，看看有多少图像，并将它们存储到一个变量中。我不知道如何编写此代码，但我知道您需要在代码中搜索所有标记

<body>
<div id="main_content">

<div id="image_selection">
<script type="text/javascript">

</script>
</div>

<div id="images">
<h3>Some Images</h3>
    <p><img src="firetruck.jpg" >  |
    <img src="baseball.jpg" >  |
    <img src="soccer_ball.jpg" >
    </p>

</div><!-- end of 'images' div -->
</div><!-- end of 'main content' div -->


一些图像
|
|

$（'img'）。length

将提供运行它时存在的总计数

var numberOfImgTags=document.getElementsByTagName（'img'）。length

试试这个。

jQuery将返回与选择器匹配的元素集合。这就是你只需要数数的全部内容：

$（'img'）。长度

这就是您当前代码的工作方式：

$('img').attr('height','50px').attr('width','50px');

这将在集合的元素上运行隐式循环并设置其属性。

查找所有

他希望存储图像，而不是图像长度。您希望以何种方式将图像存储到变量？

HTMLImageElement

属性？作为一个数组？
// (returns live HTMLCollection):
let allImages1 = document.images;
// or (returns (static, non-live) NodeList):
let allImages2 = document.querySelectorAll('img');
// or (returns (live) HTMLCollection):
let allImages3 = document.getElementsByTagName('img');

let totalNumberOfImages = allImages1.length;