[WEB]JS-자바스크립트로 HTML 추가 생성하기

자바스크립트로 HTML 생성하기 여기안에 새로운 HTMl 생성 document.createElement("생성할 태그"); 스크립트를 넣어줄 div 태그를 하나 만들어 준다 생성할 태그 안에 p를 넣어주면 p태그로 생서이 되고 h1을 넣어주면 h1 태그의 형식으로 HTML이 만들어진다 document.querySelector("#container").appendChild(a); innerHTML은 문장을 덮어써서 기존에 있던 텍스트를 지우고 작성된다 insertAdjacentHTML 문자형으로 HTML 추가하기 var 변수 안에 문자열을 통째로 저장하고 insertAdjacentHTML 을 사용해서 HTML을 추가하는 방법과 jQuery에서는 append()를 사용해서 문자열을 추가 해주는 방법이 있다...

• format_list_bulleted PROGRAMING📚/Web Dev📑
• · 2023. 9. 22.
• textsms

[WEB]JS, Funtion 만들기-동적 UI 만들기

JS, Funtion 만들기-동적 UI 만들기 동적 UI 란? 블로그가 있을 때 새로운 글을 올리기 위해서 추가 버튼을 눌러서 글을 작성하고완료버튼을 눌렀을 때 없었던 글 목록이 생기는 기능과 같다고 생각하면 된다 이미 만들어져 있는 것이 아닌 없었는데 동작을 통해서 새로 생기는 것을 동적생성 이라고도 부른다 추가 버튼을 누르면 메세지 박스가 생성되는 버튼을 js를 사용해서 만들기 위해서 다음과 같이 HTML/CSS 디자인을 먼저 해준다 더보기 hello! close 추가 body { margin: 10; } div { box-sizing: border-box; } .alert-box-bg { background-color: tan; padding: 20px; border-radius: 5px; disp..

• format_list_bulleted PROGRAMING📚/Web Dev📑
• · 2023. 9. 11.
• textsms