# data-屬性 取值方式
###### tags: `JavaScript` `JS 直播班 - 2021 秋季班`
#### 小教學
除了 `.getAttribute` 以外， `data-xxx` 也可以用 `document.querySelector` 選取，例如:

HTML

<p class="alertMsg" data-title="信箱"></p>
<p class="alertMsg" data-title="密碼"></p>

取得 「data-title="信箱"」p 標籤的方式有兩種:

JS

// 1
document.querySelectorAll('[data-title]')[0];

// 2
document.querySelector("[data-title='信箱']");

另外，也可以透過事件綁定來取得 `data-xxx`，例如:

HTML

<p class="alertMsg" data-title="信箱">點我會顯示 dataset</p>

JS

let alertMsg = document.querySelector('.alertMsg');
alertMsg.addEventListener('click', function(e) {
    console.log(e.target.dataset.title);
})