javascript - 如何找出 id 部分匹配的元素，并更改其 css 样式？

Question

我有一个网站在加载时执行一些 javascript，最终创建了一个 id 为“image_XXXXXXXXX”的 div，其中 XXXXXXXXX 是随机数。

问题是，我怎样才能抓住这个 div，并在页面加载后改变它的 css 样式？对于已知的 id，我可以使用

<script type="text/javascript">
    window.onload=function(){
          document.getElementById("image").style.zIndex = '9999999999';
    };
</script>

但是，由于 id 包含随机数，我不能再使用 getElementById() 了。有什么建议么？

非常感谢。

Answer 1

拥有一个您无法识别的 ID 是不寻常的，因为这种方式不符合这一点，但您可以querySelector像这样使用：

document.querySelector("[id^='image_']").style.zIndex = 9999999999;

Answer 2

另一个选项querySelector是match()基于regex您的id.

您需要遍历所有匹配项并设置它们的zIndex.