Как получить значение атрибута элемента в Javascript

Для получения значение атрибута элемента в Javascript существует метод getAttribute.

<div class="classValueOne classValueTwo" id="idValue" value="valueValue" data-attr="dataValue"></div>

Выведем значения атрибутов в консоль:

var el = document.getElementById("idValue");

console.log(el.getAttribute("class"));
console.log(el.getAttribute("value"));
console.log(el.getAttribute("id"));  
console.log(el.getAttribute("data-attr"));

Метод getAttribute возвращает строку и в консоли мы увидим следующее:

classValueOne classValueTwo
valueValue
idValue
dataValue

Два значения class были выведены как одна строка.