如何让没有使用的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可读。