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

Question

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

我的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实现这一点，但似乎根本不起作用：

function setSlidervalue() {
document.getElementById('input_14_50').value = document.getElementByClassName('noUi-handle-lower').attr('aria-valuenow');
}

Answer 1

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

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

因此，如果这是第一个类名为noUi-handle-lower的元素，那么您的代码将是.

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

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