Question

我一直在努力让这项工作持续数小时。这里没有任何文档或答案有帮助。

我试图用空div替换flippedCards数组中的每个项目。

让父项工作正常，它会返回一个div元素。错误是在询问孩子时，它说它是空的，或者有时是未定义的。

只有两个项目为＆＃34;翻转＆＃34;。

我只想使用JS。

HTML

<div>
    <div class="flip">
        <div></div>
        <div></div>
    </div>
    <div class="flip">
        <div></div>
        <div></div>
    </div>
</div>

JS

var flippedCards = document.querySelectorAll('.flip');

var replaceCards = document.createElement("div");

while (flippedCards[0] && flippedCards[1]) {
flippedCards[0].parentElement.replaceChild(replaceCards, flippedCards[0])          
flippedCards[1].parentElement.replaceChild(replaceCards, flippedCards[1]);
}

Answer 1

试试这个：

var flippedCards = document.querySelectorAll('.flip');
var replaceCards = document.createElement("div");

flippedCards[0].parentElement.replaceChild(replaceCards, flippedCards[0]);
replaceCards = document.createElement("div");       
flippedCards[1].parentElement.replaceChild(replaceCards, flippedCards[1]);

Answer 2

有人回答了，然后他们删除了答案。对我来说是一个两件套的错误。被包裹在while循环中以检查这些值是否存在于第一位。然后我没有制作两张替换牌。

未捕获的TypeError：无法调用方法＆＃39; replaceChild＆＃39;为null

2 个答案: