set/getAttribute сравнения работают только со строками?

Question

Я хотел бы установить атрибут span узла visited на true или false на основании, если он был посещен.

test(); 

function test() { 

    var el = document.createElement("span"); 
    el.setAttribute("visited", false); 

    el.setAttribute("visited", true); 

    alert(el.getAttribute("visited") === true); //False 
    alert(el.getAttribute("visited") === "true"); //True 

} 

Я изначально установить атрибут «посетил» для булева ложных, затем установить логическое значение для истинного. Я заметил, что когда я проверил, был ли атрибут true, он вернул значение false, но если я проверил строку true, она вернулась.

MSN Docs говорить только об атрибутеName как обязательном для строки, а не в значении. Так почему же не сравнивается с bools?

FIDDLE

Answer 1

Это происходит потому, что getAttribute возвращаемого типа строка не BOOL

Возвращаемого значения: A String, представляющее значение указанного атрибута.

Примечание: Если атрибут не существует, возвращаемое значение равно нулю или пустая строка («»)

Answer 2

В === оператор проверяет, как значение и тип (без неявного принуждения типов).

Поскольку getAttribute возвращает значение строки, сравнение только true по сравнению со строкой «истина», а не тогда, когда по сравнению с булевым значением true.

Иными словами, при использовании оператора === ...

true === 'true' // false 
'true' === 'true' // true 
true === true // true 

Answer 3

Вот определение атрибутов, как это определено в HTML-стандарт:

3.2.3.1 Attributes

За исключением если указано иначе, атрибуты на HTML elements могут иметь любое строковое значение, включая пустую строку. За исключением случаев, когда явно указано , нет никаких ограничений на то, какой текст может быть указан в таких атрибутах .

Итак, чтобы повторить то, что уже было указано, атрибуты HTML всегда являются строками.