因為我是初學者，所以我沒有任何 Js。我希望當我點擊一個文本時它會改變顏色，但是當點擊其他文本時會改變顏色并將以前的文本回傳到相同的顏色。
<div class="mt-5 first-member" onclick="document.getElementById('myImage').src='./assets/images/person-team.png'">
<span>
<small>
<sup>01</sup>
</small>
</span>
<h1> Alexandr Bruegel</h1>
</div>
<div class="mt-3 other-member" onclick="document.getElementById('myImage').src='./assets/images/bg-img.png'">
<span>
<small>
<sup>02</sup>
</small>
</span>
<h1>Ann Fowler</h1>
</div>uj5u.com熱心網友回復：
這段代碼應該適合你:)
document.querySelector('.mt-5').addEventListener('click',function(){
//document.getElementById('myImage').src='./assets/images/person-team.png'
document.getElementById('text1').style.color = 'red'
document.getElementById('text2').style.color = 'black'
})
document.querySelector('.mt-3').addEventListener('click',function(){
//document.getElementById('myImage').src='./assets/images/bg-img.png'
document.getElementById('text2').style.color = 'red'
document.getElementById('text1').style.color = 'black'
})<div class="mt-5 first-member" >
<span>
<small>
<sup>01</sup>
</small>
</span>
<h1 id='text1'> Alexandr Bruegel</h1>
</div>
<div class="mt-3 other-member" >
<span>
<small>
<sup>02</sup>
</small>
</span>
<h1 id='text2'>Ann Fowler</h1>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/410638.html
標籤：