Question

129

Set data attribute on div with js

rated 0 times [ 133] [ 4] / answers: 1 / hits: 20533 / 12 Years ago, wed, february 13, 2013, 12:00:00

I've got a bunch of div.textBox that I want to apply data attribute to it.

Here's what I want to end up with :

<div class=text data-stellar-ratio=2>

I've tried :

document.getElementByClassName('text').dataset.stellar.ratio = 2;

But it's not working...

Help!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zariahdiamondz

Add To Favorites

Follow

Total Points: 649

Total Questions: 109

Total Answers: 88

Location: Tajikistan

Member since Thu, Apr 14, 2022

2 Years ago

zariahdiamondz questions

1 Get esbuild to watch for changes, rebuild, and restart express server

Wed, Jul 13, 22, 00:00, 2 Years ago

1 ethers js exits with this error=> invalid BigNumber value (argument=value, value=undefined, code=INVALID_ARGUMENT, version=bignumber/5.5.0)

Thu, Nov 4, 21, 00:00, 3 Years ago

1 react-data-table-component: access the selected row and assign it to setState

Tue, Jun 15, 21, 00:00, 3 Years ago

1 An argument for 'id' was not provided. angular 11

Tue, Apr 20, 21, 00:00, 3 Years ago

1 How to open offcanvas from offcanvas

Thu, Apr 8, 21, 00:00, 3 Years ago

View All

answered 12 Years ago alekgermanb · Accepted Answer

As documented

The getElementsByClassName method of Document interface returns an
array-like object of all child elements which have all of the given
class name(s).

More precisely, a NodeList is returned and can be accessed as an array. The first element the selector finds is accessed via index 0.

document.getElementsByClassName('text')[0].setAttribute('data-stellar-ratio', '2')