我希望只能通過 Id 選擇一個答案!
所以我開始創建這個 js 函式:
function switchclass() {
let elements = document.getElementsById('A');
for (var i = 0; i < elements.length; i )
{
elements[i].className = 'selected';
let unselectedelements = document.getElementById('B','C','D')
{
unselectedelements.className = 'notselected';
}
{
}
}

它仍然不起作用,我不知道該怎么做:/感謝您的任何修復!
uj5u.com熱心網友回復:
document.getElementByID回傳一個與該id屬性匹配的元素。在這個用例中,您應該使用class在所有串列項中通用的。單擊元素時,selected從所有元素中洗掉類并將其應用于clicked元素。
let list = document.querySelectorAll('.list');
list.forEach(elem => {
elem.onclick = function() {
list.forEach(el => {
el.classList.remove('selected');
});
elem.classList.add('selected');
}
})
.list {
width: 100%;
padding: 5px;
margin: 10px;
border: 1px solid gray;
text-align: center;
cursor: pointer;
}
.selected {
background: pink;
}
<div class="list">A</div>
<div class="list">B</div>
<div class="list">C</div>
uj5u.com熱心網友回復:
首先document.getElementById(id)只能以一個 id 作為引數。之后,您必須根據自己的喜好制定條件。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/339748.html
標籤:javascript 查询 css
下一篇:jQuery無法添加元素
