Kevin Powell - Community•2y ago

issues with Data-attribues.

so im trying to get value of a data attribute. After clicking on a button a function runs where the console.log(value) gives

<div class="remove-btn data-value = 1"> 
      <svg>
        <use href="icons.svg#IcOutlineAdd"></use>
      </svg> 
    </div>

<div class="remove-btn data-value = 1"> 
      <svg>
        <use href="icons.svg#IcOutlineAdd"></use>
      </svg> 
    </div>

so i updated the code to console.log(value.getAttribute("data-value")) to get the value of data attribute, instead of giving me 1 its giving null . Anyone know how to fix this?

6 Replies

CodeNascher•2y ago

you set data-value as a class. that cant work

Jochem•2y ago

<div class="remove-btn data-value = 1"> should be <div class="remove-btn" data-value="1">

AvinashOP•2y ago

okk

<div class="remove-btn data-value = ${index}"> 
      <svg>
        <use href="icons.svg#IcOutlineAdd"></use>
      </svg> 
    </div>

<div class="remove-btn data-value = ${index}"> 
      <svg>
        <use href="icons.svg#IcOutlineAdd"></use>
      </svg> 
    </div>

this is how ilooped via js. what should i do so that its not in the class? i gave outside the class still its was inside

CodeNascher•2y ago

write it like jochem did. class and data-* are two separate attributes you wrote the data-value inside class=""

Jochem•2y ago

<div class="remove-btn" data-value="${index}">

AvinashOP•2y ago

ok. THankyou thumbup

Gaming

Programming

issues with Data-attribues.