原生js利用data选择元素

最新推荐文章于 2024-12-08 20:47:17 发布

转载最新推荐文章于 2024-12-08 20:47:17 发布 · 598 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shuen/p/9717113.html

本文展示了一种使用JavaScript来选择HTML中带有特定属性值的元素的方法。通过document.querySelector方法，可以精确地定位到data-word属性为'a'的dt标签，并在控制台输出该元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//js  
var a = document.querySelector('[data-word=a]')
    console.log(a)

html
 <dl class="find-car-content">
                    <dt data-word=a>a</dt>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                    <dt data-word=b>b</dt>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
                        <dd>奥迪</dd>
<dl>

转载于:https://www.cnblogs.com/shuen/p/9717113.html