javascript - 使用 JavaScript 将 HTML 元素重置为默认值

Question

问题:

我想知道是否有类似的函数可以将文本重置为其默认值，就像 value 属性一样。

HTML:

<input type="range" class="custom-range" name="studyslider" min="1" max="100" step="1" value="50" oninput="sliderChange(this)" onchange="sliderChange(this)">
<output class="badge badge-light badge-width mt-4 mb-3" name="studyslider-output">50</output>

JavaScript:

// Resetting the value for <input>
const slider = node.querySelector(".custom-range");
slider.value = slider.defaultValue;

// Resetting the value for <output>
const sliderOutput = node.querySelector("output");
sliderOutput.innerHTML = "50";

所需输出:

获取 <output> 内的值并在每次提交答案时重置它，类似于defaultValue对于 <input> .

Answer 1

您可以使用 data-X 属性:

<output data-default-value="50">50</output>

JS:

sliderOutput.innerHTML = sliderOutput.dataset.defaultValue