Javascript 使用 HTML DOM 或 Jquery 添加多个背景图像

Question

所以基本上，我试图有一个带背景的表格，有时会在顶部添加背景。有没有办法在Javascript中添加背景，但保留旧的？

Answer 1

你可以使用background-imageCSS 属性，它可以被赋予多个图像。指定的第一个背景将位于顶部，最后一个背景将位于底部。

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>