Breaking News: Grepper is joining You.com. Read the official announcement!

html data attribute

Add Answer

k-vernooy answered on February 22, 2020 Popularity 10/10 Helpfulness 2/10

answer html data attribute

related data attributes

related data attribute html

related Data-attributes

html data attribute

Comment

<a data-color="blue">
  	This tag contains a user-defined color attribute
</a>

<div data-link="https://github.com/k-vernooy">
	This tag contains a data attribute with a link
</div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Feb 22 2020

k-vernooy

0 Answers Avg Quality 2/10

Closely Related Answers

data attributes

Comment

<!--data-* attributes allow us to store extra information on standard 
, semantic HTML elements.
-->
<article
  id="electric-cars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>
<!-- Accessing via JS -->
<script>
  const article = document.querySelector('#electric-cars');
  article.dataset.columns // "3"
</script>
<!--css-->
<style>
  article::before {
  content: attr(data-parent);
 }
  article[data-columns='3'] {
  width: 400px;
}

</style>

Popularity 10/10 Helpfulness 4/10 Language html

Source: developer.mozilla.org

Tags: attributes a

Link to this answer
Share Copy Link

Contributed on Feb 22 2022

Bug Killer

0 Answers Avg Quality 2/10

data attribute html

Comment

<!-- data-* attritubes can be used on any html element -->
<div data-my-custom-data="true"></div>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Oct 29 2020

Objectively Hilarious

0 Answers Avg Quality 2/10

Data-attributes

Comment

Allows the storing of extra information on standard html elements. e.g 
div, img, li and p etc.
A data attribute is any attribute that starts with data-(data-term)

****How to access the attribute????****
  
Javascript provides a simple syntax for retrieving the data: 
element.dataset.term (term is whatever after the hyphen e.g data-term)

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: dataset

Link to this answer
Share Copy Link

Contributed on Mar 14 2023

M Hassan khan

0 Answers Avg Quality 2/10

html data attribute

Contents

More Related Answers

html data attribute

Closely Related Answers

data attributes

data attribute html

Data-attributes

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.