Javascript 如何使用这个现有的JS代码示例查找基于数据属性的元素？

我想针对一个指定的div，但我现在的示例只是当它有一个id时。 我想使用纯Javascript

当前：

<div id="my_id">hello</div>

<script>
document.getElementById('my_id').insertAdjacentHTML('beforebegin',
    '<h3>text</h3>');
</script>

你好 document.getElementById（'my_id'）。insertAdjacentHTML（'beforebeagin'， “文本”）； 我的情况是：

<div data-foo="bar">hello</div>
<div data-foo="club">hi</div>

你好 你好 如何将具有

bar

data foo属性的div作为目标？

您可以使用一个：

document.querySelector（“div[data foo='bar']”）。insertAdjacentHTML（'beforebeagin'，
“文本”）
你好
您好