我想定位一个指定的div,但是现在我的示例仅在它具有ID的情况下。我想使用纯Javascript
当前的:
<div id="my_id">hello</div>
<script>
document.getElementById('my_id').insertAdjacentHTML('beforebegin',
'<h3>text</h3>');
</script>
我的情况:
<div data-foo="bar">hello</div>
<div data-foo="club">hi</div>
如何定位具有bar
data-foo属性的div ?
您可以在querySelector旁边使用属性选择器进行此操作:
document.querySelector("div[data-foo='bar']").insertAdjacentHTML('beforebegin',
'<h3>text</h3>');
<div data-foo="bar">hello</div>
<div data-foo="club">hi</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句