如何找出 id 部分匹配的元素,并更改其 css 样式

How to find out an element with id partially matched, and change its css style?

本文关键字:样式 css 元素 id 何找出      更新时间:2023-09-26

我有一个网站,它在加载时执行一些javascript,最终创建了一个ID为"image_XXXXXXXXX"的div,其中XXXXXXXXXXX是随机数。

问题是,我如何获取这个div,并在页面加载后更改其css样式?对于已知的ID,我可以使用

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

但是,由于id包含随机数,因此我不能再使用getElementById()。有什么建议吗?

谢谢。

拥有一个您无法识别的 ID 是不寻常的,因为这种 ID 会破坏这一点,但您可以使用这样的querySelector

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

querySelector的另一个选项是使用基于部分id regexmatch()

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