w3.css

텍스트 토글/스왑

JavaScript로 텍스트를 전환하는 방법을 알아보자.

요소의 텍스트 전환

1단계) HTML 추가

<button onclick="myFunction()">Click Me</button>

<div id="myDIV">Hello</div>

2단계) JavaScript 추가

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.innerHTML === "Hello") {
    x.innerHTML = "Swapped text!";
  } else {
    x.innerHTML = "Hello";
  }
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기