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);
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-id attribute
//get data-id attribute in plain Javascript var element = document.getElementById('myDivID'); var dataID = element.getAttribute('data-id'); //get data-id using jQuery var dataID = $('myDivID').data('data-id');
html javascript find data attribute
//javascript get html data attribute <button data-id="1" >Click</button> <button data-id="2" >Click</button> <button data-id="3" >Click</button> const btns=document.querySelectorAll('button[data-id]'); [...btns].forEach(btn => console.log(btn.getAttribute('data-id')))
get data attribute javascript
// <div id="element" data-name="john"></div> const el = document.querySelector('#element') el.dataset.name // 'john'
html javascript data attributes
/* index.html <div id="test-div" data-first-name="Tom" data-last-name="Mot" data-active ></div> */ // Reading const div = document.getElementById("test-div"); console.log(div.dataset); /* { active: "" firstName: "Tom" lastName: "Mot" } */ // Writing const div = document.getElementById("test-div"); div.dataset.test = "Hello World!"; console.log(div.dataset.test); // Hello World
get element by data attribute javascript
document.querySelectorAll('[data-foo]');
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
