>source

텍스트 줄이 4개 있습니다. 각 라인에 해당하는 이미지가 있습니다. 첫 번째 파라 체인지 이미지를 클릭한 다음 2줄을 클릭하면 이미지가 다시 변경됩니다...

게시물에 JS, HTML 및 CSS(일부 추가)에 태그를 지정했지만 제공하지 않았습니다. 오류에 대한 최소한의 재현 가능한 예를 만들어 게시물에 추가할 수 있습니까?

BeerusDev2022-01-14 07:45:13
  • 답변 # 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>

  • 이전 blockchain : Solana-web3에서 니모닉 문구를 사용하여 Sollet 지갑 주소를 파생할 수 없음
  • 다음 java : 병렬 스트림 사용