반응형
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

taenyLog

JavaScript 버튼 생성 본문

Web

JavaScript 버튼 생성

taenyLog 2023. 6. 15. 23:01
반응형
  const btn = document.createElement("BUTTON");
  btn.innerHTML = "45LBS"
  document.body.appendChild(btn);

자바스크립트에서 버튼 생성하는 방법. 

 

  const btn = document.createElement("BUTTON");

1. 자바스크립트에서 버튼을 생성하기 위해서 메소드 호출하고 생성된 요소를 변수에 할당

 btn.innerHTML = "45LBS"

2. 속성이있는 버튼에 일부텍스트를 할당 

  document.body.appendChild(btn);

3. 마지막으로 메소드를 사용하여 생성된 버튼을 body태그에 추가 !

 

https://www.3schools.in/2021/11/how-to-create-button-in-javascript.html

반응형

'Web' 카테고리의 다른 글

자바스크립트 변수 생성 코드 리팩토링  (0) 2023.06.17
JavaScript 요소추가  (0) 2023.06.17
JavaScript 객체 복사  (0) 2023.06.15
JavaScript - Prototype  (1) 2023.06.15
API이용하여 프로그램 검색 앱  (0) 2023.06.14