การเข้าถึงแอตทริบิวต์ผ่านเมธอดใน JavaScript

ยังสามารถเข้าถึงแอตทริบิวต์ที่กำหนดเองได้ โดยใช้เมธอดเช่น getAttribute, ในกรณีนี้ควรเขียนชื่อเต็ม ของแอตทริบิวต์:

<div id="elem" data-num="1000" data-my-num="2000"></div>

let elem = document.querySelector('#elem');

console.log(elem.getAttribute('data-num'));    // แสดงผล 1000
console.log(elem.getAttribute('data-my-num')); // แสดงผล 2000

กำหนดพารากราฟ ใช้ลูปวนผ่านพารากราฟเหล่านั้นและสำหรับแต่ละ พารากราฟในแอตทริบิวต์ data-num ให้บันทึก ลำดับของพารากราฟนั้น ใช้ เมธอด setAttribute