如何找出 id 部分匹配的元素,并更改其 css 样式
How to find out an element with id partially matched, and change its css style?
我有一个网站,它在加载时执行一些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
regex
的match()
。
您需要遍历所有匹配项并设置它们的zIndex
。
相关文章:
- 如果文本字段为空,则使用JavaScript应用CSS样式
- FF和Chromium中CSS样式按钮的外观差异
- CSS样式属性留空
- 使用javascript单击同一按钮,在两种样式之间更改css值
- 用CSS在CKEditor中设置预览样式
- Javascript+动态菜单+当前链接样式(CSS)+基于PHP的网站
- 如何使用jQuery转换所有带有动态类的内联样式css
- iFrame 中的实时预览和保存样式.css每 30 秒一次
- 如何更改 jquery UI 数据选择器的样式 (CSS)
- 在Javascript中设置左样式CSS属性以移动滑块
- css+jQuery样式.css切换器,用于新的jQuery版本
- Chrome 29样式/Css问题
- 如何更改工具提示的样式/css
- 字体Awesome与半样式CSS
- Angular2组件样式/css没有被浏览器应用在ngafterviewit中
- 如何改变网页内容,而不删除任何样式/css/图形
- 使用Javascript在不影响打印样式的情况下更改显示样式(CSS)
- 使用 Get Time Javascript 更改样式 CSS
- 自定义下拉列表样式(CSS/JS与ASP.. NET c#连接)
- 为输入类型文件按钮添加禁用样式(css)