我在 javascript 和 jquery 中都無法更新 div 的背景。
html
<div id="images">
<img class="mypics" src="kitty.png" style="display:none"></div>
<img class="mypics" src="doggy.png" style="display:none"></div>
<img class="mypics" src="mouse.png" style="display:none"></div>
</div>
javascript / jquery
picArray = document.getElementsByClassName("mypics");
$('#images').css('background-image', 'url("' picArray [0].src '")');
uj5u.com熱心網友回復：
你想改變單個 div 背景嗎？用querySelector
const picArray = document.querySelector(".mypics");
$(picArray).css('background-image', 'url("' picArray [0].src '")');
多格？
getElementsByClassName 是 HTMLCollection
const picArray = document.getElementsByClassName("mypics");
picArray.forEach(pic => {
$(pic).css('background-image', 'url("' picArray [0].src '")');
});
你也可以使用#images兒童
consr images = document.getElementById("images").children;
Array.from(images).forEach(pic => {
$(pic).css('background-image', 'url("' picArray [0].src '")');
});
注意：使用Array.from因為children是array-like
uj5u.com熱心網友回復：
嘗試以下語法
$('#images').css('background-image', 'url(' picArray[0].src ')');
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/336564.html
標籤：javascript html 查询