텍스트 줄이 4개 있습니다. 각 라인에 해당하는 이미지가 있습니다. 첫 번째 파라 체인지 이미지를 클릭한 다음 2줄을 클릭하면 이미지가 다시 변경됩니다...
- 답변 # 1
이 code는 당신에게 적합합니다:)
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>
게시물에 JS, HTML 및 CSS(일부 추가)에 태그를 지정했지만 제공하지 않았습니다. 오류에 대한 최소한의 재현 가능한 예를 만들어 게시물에 추가할 수 있습니까?
BeerusDev2022-01-14 07:45:13