2 回答

TA貢獻1876條經驗 獲得超5個贊
getElementsByClassName返回一個集合而不是單個元素,因此 id 沒有 DOM 元素的屬性和方法。
你可以嘗試像這樣迭代:
var engBtn = document.getElementById("eng-btn");
engBtn.addEventListener("click", function() {
// document.getElementsByClassName("eng").style.display = "inline";
// document.getElementsByClassName("rus").style.display = "none";
changeVisibility('rus', 'none');
changeVisibility('eng', 'inline');
})
var rusBtn = document.getElementById("rus-btn");
rusBtn.addEventListener("click", function() {
changeVisibility('rus', 'inline');
changeVisibility('eng', 'none');
// document.getElementsByClassName("rus").style.display = "inline";
// document.getElementsByClassName("eng").style.display = "none";
});
function changeVisibility(className, visibility) {
const collection = document.getElementsByClassName(className);
for(let i = 0 ; i < collection.length; i++) {
collection[i].style.display = visibility;
}
}

TA貢獻1795條經驗 獲得超7個贊
getElementsByClassName返回一個集合而不是單個元素,因此 id 沒有 DOM 元素的屬性和方法。
你可以嘗試像這樣迭代:
var engBtn = document.getElementById("eng-btn");
engBtn.addEventListener("click", function() {
// document.getElementsByClassName("eng").style.display = "inline";
// document.getElementsByClassName("rus").style.display = "none";
changeVisibility('rus', 'none');
changeVisibility('eng', 'inline');
})
var rusBtn = document.getElementById("rus-btn");
rusBtn.addEventListener("click", function() {
changeVisibility('rus', 'inline');
changeVisibility('eng', 'none');
// document.getElementsByClassName("rus").style.display = "inline";
// document.getElementsByClassName("eng").style.display = "none";
});
function changeVisibility(className, visibility) {
const collection = document.getElementsByClassName(className);
for(let i = 0 ; i < collection.length; i++) {
collection[i].style.display = visibility;
}
}
添加回答
舉報