Custom data attributes html

Js get data attribute

var element = document.querySelector('.element');
var dataAttribute = element.getAttribute('data-name');
// replace "data-name" with your data attribute name

console.log(dataAttribute);

Javascript get data attribute value

const article = document.querySelector('#electric-cars');
 
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"

Source: developer.mozilla.org

Custom data attributes html

<div data-myvar="hello world"</div>
<script>
 //Note: attribute in html will force lowercase, make sure all letters are lower
  var element = document.querySelector("div");
  console.log(element.dataset.myvar);
  //outputs: hello world
</script>

Similar codes

2 votes119 views3 answers
React cdn
Html
21 votes133 views4 answers
Disable browser autocomplete
Html
0 vote141 views1 answer
How to remove box from form in html
Html
0 vote82 views2 answers
Beautifulsoup(driver.page_source 'html.parser')
Html
0 vote141 views1 answer
Convert html to image laravel
Html
0 vote133 views1 answer
Niklas von hertzen html2canvas textarea capture only one line
Html
0 vote170 views1 answer
Wow html
Html
-2 votes129 views1 answer
Bootstrap meaning
Html
-1 vote136 views2 answers
Open whatsapp html
Html
0 vote128 views1 answer
Html number format decimal places
Html