Javascript 获取输入字段的值并立即设置aria value

我的页面上有一个隐藏的输入字段，其中包含一个值。我试图弄清楚如何将特定值传递到我的滑块中，以便输入字段中的值与页面加载中的aria valuenow相同

我的HTML如下所示：

<input name="input_50" id="input_14_50" type="hidden" class="gform_hidden" aria-invalid="false" value="3500">


<div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="1000000.0" aria-valuenow="500000.0" aria-valuetext="500000"><div class="noUi-touch-area"></div><div class="noUi-tooltip">500.000</div></div>

---

您的JavaScript中有错误 要按类名获取元素，必须使用

document.getElementsByClassName("noUi-handle-lower");

因此，如果这是第一个具有classname

noUi handle lower

的元素，那么您的代码将是

document.getElementById('input_14_50').value =   document.getElementsByClassName("noUi-handle-lower")[0].getAttribute('aria-valuenow');

这里[0]表示第一个元素，依此类推。 仅使用JavaScript

document.getElementById('input_14_50').value =   document.getElementsByClassName("noUi-handle-lower")[0].getAttribute('aria-valuenow');