javascript - 尝试通过类名获取多个 元素并将其值更改为 true 或 false

Question

我几乎已经尝试了所有可能的方法，我对此非常陌生。

我正在尝试使用类名获取元素，然后尝试将其值更改为 true 以便我可以运行我创建的函数，该函数使用 .push 和 if/else 语句来构建新的基于 span 中的值的数组(我将在底部发布该函数)

任何人都可以提供的任何帮助都会很棒，过去 3 个晚上我一直在处理这个问题，我只是被困住了，我必须在明天之前解决这个问题。:(

十亿提前致谢!

JavaScript

// Function Declaration to check the user's character choice.
function userChoiceCheck(uChoice, low) {
    for (var j = 0; j < low.length; j++) {
        if (uChoice == low[j]) {
            var element = document.getElementsByClassName(low[j]);
            element.setAttribute = "true";
             console.log(element);
             console.log("The value of " + low[j] + " should now be true!");
        } else {
            document.getElementsByClassName(low[j].class).value = "false";
            console.log("The value of " + low[j] + " should now be false!");
        }
    }
}

HTML

<div class="text-center pt-5">
    <h1 id="wordGuessArea">
    <span class="m" value="false">__ </span>
    <span class="o" value="false">__ </span>
    <span class="o" value="false">__ </span>
    <span class="s" value="false">__ </span>
    <span class="e" value="false">__ </span>
    </h1>
</div>

上面提到的功能:

// Function Declaration to merge censoredWord Array and upper Array into a 
new array called displayArr. Depending on the boolean value of the span that 
contains the character.
function mergeArr(low, up, wSplit, cWord) {
    for (var m = 0; m < wSplit.length; m++) {
        var targetCharSpan = document.getElementsByClassName(low[m]);
        var charSpanVal = targetCharSpan.value;
        if (charSpanVal == true) {
            displayArr.push(up[m]);
        } else if (charSpanVal == false) {
            displayArr.push(cWord[m]);
        }
    }
}

Answer 1

我假设您在按类获取所有元素时遇到了问题，

如果是这样，你需要一个循环

getElementsByClassName 返回一个 array HTMCollection，而不是使用 element.setAttribute，您应该遍历 element< 中的每个元素变量

像这样:

for(let i=0;i<element.length;i++)
{
   element[i].setAttribute = "true";
}