我正在為我的專案制作顏色更改功能。這是我的html: 點擊查看
作為標題,我想創建一些具有相同類的標簽,如下所示:<a onclick...></a>
并且每當用戶點擊其中一個標簽時,用戶點擊的標簽將有一個額外的文本[current],如下所示:Sky [current]. 但是當單擊另一個標簽時,文本[current]將移動到用戶剛剛單擊的新標簽(具有相同的類) 。
uj5u.com熱心網友回復:
一種簡單的方法是從每個可點擊元素中洗掉多余的文本,然后將其添加到被點擊的元素中。
這是一個例子。
function addText(event)
{
for (anchorTag of document.getElementsByClassName("myButton")){
anchorTag.innerHTML = anchorTag.innerHTML.replace(" Grape", "");
}
event.target.innerHTML = event.target.innerHTML " Grape";
}
<a href="#" class="myButton" onclick="addText(event)">Apple</a>
<br/>
<a href="#" class="myButton" onclick="addText(event)">Orange</a>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/496363.html
標籤:javascript html
上一篇:為什么即使我成功回圈100次并列印console.log,我也無法在javascript控制臺中看到100次輸出?
