When I use the following:
myElement.setAttribute('data-title', title);
where title is blank I don't get a blank attribute. I get an attribute with no value.
Is there a way to get the blank attribute using either JavaScript or jQuery? I ask because if I can't then the code I have that references the attribute later is going to become complex to deal with the possibility of there being no value.
setAttribute is native function.
var myElement = document.getElementById("myId");
myElement.setAttribute('data-title', "")
myElement.getAttribute('data-title'); // you get : ""
myElement.getAttribute('data-test'); // you get : null
if (myElement.getAttribute('data-title') !== "" && myElement.getAttribute('data-title') !== null)
console.log("not empty");
If you want to use jQuery prefere, attr :
var $myElement = $("#myId");
$myElement.attr("data-title", "");
$myElement.attr("data-title"); // you get : ""
$myElement.attr("data-test"); // you get : undefined
if (myElement.getAttribute('data-title') !== "" && typeof(myElement.getAttribute('data-title')) !== "undefined")
console.log("not empty");
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments