천천히 알아보는 코딩공부

javascript 태그 추가 본문

JavaScript/기초

javascript 태그 추가

고기고기물고기 2022. 3. 31. 00:59

hrml 태그 추가하기

const bgImage = document.createElement("img");
bgImage.src = "img/1.jpg"
document.body.appendChild(bgImage);
  • html 추가되는 결과
<img src = "img/1.jpg">

 

https://www.codingfactory.net/10436

 

JavaScript / 요소 추가하기 / .createElement(), .createTextNode(), .appendChild()

자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. 

www.codingfactory.net

 

'JavaScript > 기초' 카테고리의 다른 글

javascript 참조 타입의 특성, 프로토타입  (0) 2022.04.19
javascript 기본 타입, 참조 타입(객체 타입)  (0) 2022.04.19
JavaScript 기초 정리 2  (0) 2022.03.29
HTML in Javascript  (0) 2022.03.21
CSS in JavaScript  (0) 2022.03.20
Comments