带有 javascript 的 for 循环将 alt 添加到图像

Question

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。

Answer 1

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。

Answer 2

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。

Answer 3

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。

Answer 4

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。

Answer 5

我是 javascript 的新手。 我正在尝试循环抛出所有图像并检查是否有 alt 属性并将空的 alt="" 添加到没有的图像中。

 var images =document.querySelectorAll(".view.view-mt-latest-news.view-id-mt_latest_news.view-display-id-block_4 > div > div > div > div > a > img "); for (var i = 0, image; image = images[i]; i++) { image.alt = ""; }

 <div class="view view-mt-latest-news view-id-mt_latest_news view-display-id-block_4 view-dom-id-16ee052fc9069895592eb40c1695ac6f jquery-once-2-processed"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="This is alt"></a></div> </div> </div> <div class="views-row views-row-1 views-row-odd views-row-first clearfix"> <div class="views-field views-field-field-image"> <div class="field-content overlayed"> <a href="#"><img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75"></a></div> </div> </div> </div> </div>

此代码将 alt 添加到所有图像，如下所示：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt>

它应该是这样的：

<img typeof="foaf:Image" src="https://via.placeholder.com/150" width="89" height="75" alt="">

任何人都可以帮助解决这个 for 循环。