Javascript 使用 HTML DOM 或 Jquery 添加多个背景图像
Javascript add multiple background images using HTML DOM or Jquery
所以基本上,我试图让 table 有背景,有时会在顶部添加背景。有没有办法在 Javascript 中添加背景,但保留旧背景?
可以使用background-image
CSS属性,可以给多张图片。指定的第一个背景将在顶部,最后一个将在底部。
document.querySelector("button").addEventListener("click", function(e){
document.querySelector("table").style.backgroundImage += ",url(https://www.w3schools.com/css/paper.gif)";
}, {once: true});
<table style="height: 100px; width: 100px; border: 1px solid black; background-image: url(https://www.w3schools.com/css/img_flwr.gif);">
</table>
<button>
Add Image
</button>
所以基本上,我试图让 table 有背景,有时会在顶部添加背景。有没有办法在 Javascript 中添加背景,但保留旧背景?
可以使用background-image
CSS属性,可以给多张图片。指定的第一个背景将在顶部,最后一个将在底部。
document.querySelector("button").addEventListener("click", function(e){
document.querySelector("table").style.backgroundImage += ",url(https://www.w3schools.com/css/paper.gif)";
}, {once: true});
<table style="height: 100px; width: 100px; border: 1px solid black; background-image: url(https://www.w3schools.com/css/img_flwr.gif);">
</table>
<button>
Add Image
</button>