首頁猿問如何按類名正確定位？

如何按類名正確定位？

JavaScript

互換的青春 2022-10-27 16:10:10

我正在嘗試在 JS 上練習一些東西，我想在點擊時切換多個 div 以更改它們的顏色，但我似乎無法正確定位第一個。當我按標簽名稱執行此操作時很好，但按類它似乎不起作用。我究竟做錯了什么？謝謝！編輯。這是您更正后我的代碼的樣子。<body> <div class="container"> <div class="one"> </div> <div class="two"> </div> <div class="three"> </div> <div class="four"> </div> </div> <script src="script.js"></script></body>let boxOne = document.getElementsByClassName("one")[0]boxOne.onclick = function() { alert("Clicked!")}

查看完整描述

4 回答

智慧大石

TA貢獻1946條經驗獲得超3個贊

我要補充一點，如果選擇器僅由一個元素使用，最好分配一個 id 并使用 getElementById。

let boxOne = document.getElementById("one");

let allBoxes = document.getElementsByClassName("square");

boxOne.onclick = function() {

alert("Clicked via ID");

}

const arr = [1, 2, 3];

arr.forEach(i => {

allBoxes[i].onclick = function() {

alert("Clicked via Class");

}

})

.square {

width: 100px;

height: 100px;

background: blue;

margin: 20px;

font-size: 50px;

color: white;

text-align: center;

display: flex;

flex-direction: column;

justify-content: center;

cursor: pointer;

}

<body>

</div>

</div>

</div>

</div>

</body>

反對回復 2022-10-27

PIPIONE

TA貢獻1829條經驗獲得超9個贊

文檔。

getElementsByClassName 返回具有該類名的元素數組（不帶點）
querySelector 用于 css 選擇器（例如“.one”、“div.one”）
querySelectorAll 像 2. 但返回數組

反對回復 2022-10-27

料青山看我應如是

TA貢獻1772條經驗獲得超8個贊

let boxOne = document.getElementsByClassName("one")[0]

boxOne.onclick = function() {

alert("Clicked!")

}

div {

width: 100px;

height: 100px;

margin: 30px;

background: blue

}

<body>

</div>

</div>

</div>

</div>

</body>

反對回復 2022-10-27

揚帆大魚

TA貢獻1799條經驗獲得超9個贊

使用此行：document.getElementsByClassName(".one")[0] 您已經針對 div，因此將其更改 boxOne[0].onclick = 為： boxOne.onclick =

反對回復 2022-10-27

4 回答
0 關注
151 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何按類名正確定位？

如何按類名正確定位？

4 回答

添加回答

如何按類名正確定位？

如何按類名正確定位？