Я использовал .getAttribute и сегодня узнал о .dataset, поэтому мне было интересно, в чем заключаются различия и когда каждый из них должен быть использован.
Итак, вот пример.Допустим, у нас есть параграф:
<p class="test" data-something="this is a test">some text</p>
, если мы используем .getAttribute
let testText = document.querySelector('.test');
let testGetAttribute = testText.getAttribute('data-something');
console.log(testGetAttribute);
, мы получаем в качестве вывода «это тест».
, если мы используем.dataset
let testText = document.querySelector('.test');
let testDataset = testText.dataset.something;
console.log(testDataset);
мы также получаем «это тест».
Итак, есть ли разница между этими двумя подходами?Есть ли какие-то преимущества в использовании одного над другим?
Спасибо!