如何在html div中获取数据值？

Question

我可以在 div 中获取所有条目的属性，如样式显示。但我无法以同样的方式获得数据值。我需要找到正确的语法来获取所有数据值条目。

  $.ajax({

      url:"{{ url_for('fetch_bar') }}",

      type:"post",

      dataType: "json",

      async: true,

      success:function(response){

        var response = JSON.parse(response);

        var len = Object.keys(response).length;

        var selects = document.querySelectorAll("select[id=select_host]");

        var bars = document.querySelectorAll("[id=ldBar]");

        if (len == 1) {

           ....

        }

        else if (len > 1)

          for( var ind = 0; ind < len; ind++){

            for (var index = 0; index < selects.length ; index++)

              if (selects[index].value == response[ind].hostname)

                // alert(bars[index].style.display)

                alert(bars[index].data-value)

                // alert(bars[index].[data-value])

                  <td>

                        <input id="stage" type="button" class="btn-primary" onclick="readTextFile();"  name="stage" value="{{entry.stage}}" >

                        <div id="ldBar" class="ldBar label-center" data-value="0" data-preset="stripe" data-aspect-ratio="none" style="width:100%;display: block;" ></div>

                  </td>

                  <td>

Answer 1

使用.getAttribute("data-value")来获取值console.log(document.querySelector('#ldBar').getAttribute("data-value"))&nbsp;<div&nbsp;id="ldBar"&nbsp;class="ldBar&nbsp;label-center"&nbsp;data-value="0"&nbsp;data-preset="stripe"&nbsp;data-aspect-ratio="none"&nbsp;style="width:100%;display:&nbsp;block;"&nbsp;></div>

Answer 2

如果您有活动，那么您可以简单地通过以下方式使用它：const&nbsp;{&nbsp;dataset:&nbsp;{&nbsp;value&nbsp;}}&nbsp;=&nbsp;e.target;或者您可以直接使用 JQuery 获取它：$("#your_element_id").data("value")