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

时间:2013-09-27 11:31:19

标签: javascript html css

我有一个网站在加载时执行一些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()了。有什么建议吗?

非常感谢。

2 个答案:

答案 0 :(得分:5)

拥有一个你无法识别的ID是不寻常的,因为那种方式会失败,但你可以这样使用querySelector

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

答案 1 :(得分:0)

querySelector的另一个选项是match()根据regex的{​​{1}}部分使用{。}}。

您需要遍历所有匹配并设置其id