Javascript 隐藏元素并放置其他元素

Question

我有一个小问题。

对于我们必须用 Javascript 完成的任务，我需要一些帮助。

我们有一个文本和一些单词，我们给了一个 id (html)。在 javascript 中，我们必须创建一个函数，当单击该函数时，所有带有 id 的单词都会变得不可见。我知道，我也能做到这一点。但还有一件事。如果我们把这个词隐藏起来，那么它之前就必须清楚地存在一个词!如果您能理解的话，它看起来就像是一个填充文本。

现在我有这个:

function toggle_woordjes() {
var e = document.getElementsByClassName('invul');
for(i = 0; i < e.length; i++){
    if (e[i].style.display !== ''){
        e[i].style.display = '';
    }
    else {
        e[i].style.display = 'block';
    }

}

}

该代码不再正常工作，因为我对其进行了太多更改，以至于无法恢复到原始状态。

希望大家能够帮助我。

抱歉，我的英语不是最好的!

干杯

Answer 1

如果父级的背景只有 1 种颜色(没有设计或图案)，您可以编写如下内容。

object.style.backgroundColor="same color as parent" 

但是如果背景更复杂:

function toggle_words() {
    var doms = document.getElementsByClassName('class_name');
    for (var i = 0; i < doms.length; ++i) {
        var domStyle = doms[i].style;
        if (domStyle.visibility === 'visible') {
            domStyle.visibility = 'hidden';
        }
        else {
            domStyle.visibility = 'visible';
        }
    }
}

我使用可见性而不是显示，因为元素保留在 DOM 中，因此用户知道之前有一些东西。