我應該回圈使用 document.getElementsByClassName,但首先要做一個檢查。
對于一個元素,我將這樣做:
對于一個元素,我將這樣做:
if (document. getElementsByClassName('lazyload img-responsive wp-post-image') [0]。 getAttribute('width') < 500){
document.getElementsByClassName('lazyload img-responsive wp-post-image') [0] 。
但是我必須為更多的元素重復這個程序,而且我從來不知道有多少個元素。我需要這樣一個回圈,但需要驗證 document.getElementsByClassName ('lazyload img-responsive wp-post-image') [0] .getAttribute ('width') <500 首先。
var elements = document. getElementsByClassName('lazyload img-responsive wp-post-image')。
for (var i = 0, l = elements.length; i < l; i ) {
elements[i].setAttribute("srcset", " https://www......jpg ") 。
我應該如何解決? 謝謝
uj5u.com熱心網友回復:
不確定你的要求是否明確。你是否需要只檢查element[0]的寬度,然后為其余所有元素設定srcset?或者你需要測驗各自的element[i]和elements[i].setAttribute("srcset", " https://www......jpg " );
如果第1條是真的,那么你可以嘗試:
var elements = document. getElementsByClassName('lazyload img-responsive wp-post-image')。
if(elements[0].getAttribute('width') < 500){
for (var i = 0, l = elements.length; i < l; i ) {
elements[i].setAttribute("srcset", " https://www......jpg ") 。
}
如果第2條為真,那么請嘗試:
var elements = document. getElementsByClassName('lazyload img-responsive wp-post-image')。
for (var i = 0, l = elements.length; i < l; i ) {
if(elements[0].getAttribute('width') < 500){
elements[i].setAttribute("srcset", " https://www......jpg ") 。
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/320435.html
標籤:
