我有一个小问题。
对于我们必须用 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';
}
}
}
该代码不再正常工作,因为我对其进行了太多更改,以至于无法恢复到原始状态。
希望大家能够帮助我。
抱歉,我的英语不是最好的!
干杯
最佳答案
如果父级的背景只有 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 中,因此用户知道之前有一些东西。
关于Javascript 隐藏元素并放置其他元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20315014/