使用函数不重写所有 id

Question

我还是javascript的初学者。我想它可以写得更简单，而不需要重新输入那些ID。 Html 文件有匹配的 ID，需要在生成表单后清除。

function deleteValues() {
    document.getElementById('firstFemale').value = "";
    document.getElementById('secondFemale').value = "";
    document.getElementById('thirdFemale').value = "";
    document.getElementById('mistakeFemale').innerHTML = "";
    document.getElementById('resultFemale').innerHTML = "";
    document.getElementById('firstMale').value = "";
    document.getElementById('secondMale').value = "";
    document.getElementById('thirdMale').value = "";
    document.getElementById('mistakeMale').innerHTML = "";
    document.getElementById('resultMale').innerHTML = "";
}

但是如果我有很多不同的 ID 怎么办？我知道 getElementbyId 只能收回一个元素。感谢任何帮助。

Answer 1

您可以采用多种方法，但我可能会在元素中添加 class，这样您就可以获得它们的列表。例如，您可以给他们 class to-clear (class="to-clear") 然后：

document.querySelectorAll(".to-clear").forEach(element => {
    if ("value" in element) {
        element.value = "";
    } else {
        element.innerHTML = "";
    }
});

更多：querySelectorAll

使用函数不重写所有 id

use a function to not rewrite all ids

javascript

function

innerhtml