Как установить attribute?

Question

[Максим]

Как установить attribute без значения ?
К примеру если писать : image.setAttribute("data-image", ""); то на выходе получается вот так :<img data-image="" src="" /> а нужно добиться что бы на выходе было вот так <img data-image src="" />.

Comments

[BATPYIIIKOB]

Каков в этом сакральный смысл?
<img data-image src="" />
атрибуты принято задавать, хотя бы нулевым значением.

[Andrey Suha]

BATPYIIIKOB, вот тоже интересно

[Надим]

Если сильно надо, можете использовать outerHTML для перезаписи элемента.
image.outerHTML = '<img data-image src="" />';

[Максим]

Andrey Suha, BATPYIIIKOB, плагин запускается по этому аттрибуду - что бы не было конфликта с другими

[Антон Швец]

В моем хроме $0.setAttribute("data-image", "")дает просто <img data-image>
Что я делаю не так?

[Максим]

Антон Швец,

[Антон Швец]

Максим Ленский, это у вас true, оно приводится к строке

Чтобы установить атрибут, которому значение не нужно, такой как, например, атрибут autoplay элемента , используйте null или пустое значение. Например: elt.setAttribute('autoplay', '')

Answer 1

[Sedbol]

image.setAttribute("data-image", true)

Comments

[Максим]

водится всё равно вот так <img data-image="true" ....

[Sedbol]

Максим Ленский, а разве image.setAttribute("data-image", "");
не будет?<img data-image src="" />

[Максим]

Sedbol, тоже самое если писать data-image, "" выходит просто data-image=""

[Sedbol]

Максим Ленский,

[Максим]

Sedbol, Хром ?

[Sedbol]

Максим Ленский, Опера

[Максим]

Sedbol, https://codepen.io/topicstarter/pen/dyozbwz?editor... я смоделировал ситуацию - покажи как надо правильно

[hzzzzl]

Максим Ленский, у меня так на хроме выглядит

[Sedbol]

Максим Ленский,
Опера

[Максим]

hzzzzl, тогда это не кроссбраузерно, в опере так а в файере по другому отображается ...

[Kovalsky]

Максим Ленский, вот вы развели-то. Да, браузеры по разному отображают в консоли нулевое значение атрибута, но это исключительно косметика, значение на самом деле одно и то же. Это не "не кроссбраузерно", это просто никак не влияет на значение, поэтому и отображение реализовано по разному: одни решили так, другие по-другому, третьи может быть в консоли отображают "null value", и так и осталось, ибо это не важно

[Sedbol]

Максим Ленский, А на конечный результат это зависит? Потому как с firefox у меня тоже была проблема. <div contenteditable="true"></div>
в место пробела там тег <br> вставлялся при вставке текста при определенном алгоритме!!!