如何讓沒有使用的setAttribute和的getAttribute

Question

這裏的元素的索引是我的代碼：

const slider = document.querySelector('#image_slider'); 
const ul = document.querySelectorAll('#image_slider li img'); 

for(let i = 0; i < ul.length; i++) { 
    ul[i].setAttribute('data-slide', i) 
}; 

slider.addEventListener('click', (e) => { 

    if(e.target.nodeName === 'IMG') { 
    console.log(e.target.getAttribute('data-slide')); 
    } 


}, false); 

我的問題是，如果有其他的方式才達到excatly沒有的setAttribute和的getAttribute一樣嗎？

Answer 1

你可以用點符號來生存。但破折號在點符號中不起作用，所以您必須重構您的屬性名稱。

var element = document.getElementsById('image_slider'); 
element.mycustomattribute = 'foo'; 

console.log(element.mycustomattribute); 

//output: foo 

警惕經由點表示法定義的屬性是不是由DOM可讀。