Set attribute without value

Question

How do I set a data attribute without adding a value in jQuery  I want this    lt body data-body gt    I tried      body   attr  data-body       this is a getter  not working    body   attr  data-body   null      not adding anything   Everything else seems to add the second arguments as a string  Is it possible to just set an attribute without value

User · Answer

Not sure if this is really beneficial or why I prefer this style but what I do (in vanilla js) is:

document.querySelector('#selector').toggleAttribute('data-something');

This will add the attribute in all lowercase without a value or remove it if it already exists on the element.

https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute

User · Answer

Perhaps try   var body   document getElementsByTagName  body   0   body setAttribute  data-body

User · Answer

The attr   function is also a setter function  You can just pass it an empty string      body   attr  data-body         An empty string will simply create the attribute with no value    lt body data-body gt       Reference - http   api jquery com attr  attr-attributeName-value      attr  attributeName   value

User · Answer

You can do it without jQuery  Example   x000D   x000D  document querySelector  button   setAttribute  disabled        x000D   lt button gt My disabled button  lt  button gt  x000D   x000D   x000D    To set the value of a Boolean attribute  such as disabled  you can specify any value  An empty string or the name of the attribute are recommended values  All that matters is that if the attribute is present at all  regardless of its actual value  its value is considered to be true  The absence of the attribute means its value is false  By setting the value of the disabled attribute to the empty string   quot  quot    we are setting disabled to true  which results in the button being disabled  From MDN Element setAttribute

User · Answer

The accepted answer doesn t create a name-only attribute anymore  as of September 2017     You should use JQuery prop   method to create name-only attributes     body  prop  data-body   true

[javascript] Set attribute without value

Examples related to javascript

Examples related to jquery

Examples related to attributes

Examples related to attr