공부 및 일상기록

[jQuery] temp_html 본문

개발

[jQuery] temp_html

낚시하고싶어요 2022. 9. 6. 16:45

자바스크립트에 문자열을 html화 시켜주는 작업

 

ex)

id="box"인 <div>가 있다고 가정한다.

<div id="box">

</div> 

 

let temp_html = `<button>나는 버튼이다.</button>`      //백틱, temp_html을 넣고싶은 html로 백틱 안에 선언

 

 $('#box').append(temp_html)   //이렇게 입력하게 되면 <div id="box"> 안에 나는 버튼이다가 append 되어서 나오게된다.

 

만약 원하는 값이 매번 다른 경우

 

let mytitle = '원하는 값'     //원하는 값을 선언

 

let temp_html=`${mytitle}`  //${여기에 변수값 입력} 

 

이렇게 하면 원하는 값을 입력 할 수 있다.

 

'개발' 카테고리의 다른 글

<jQuery> 임포트 주소  (0) 2022.09.13
<Flask> 시작하기  (1) 2022.09.13
[jQuery+Ajax] 랜덤 이미지 바꾸기  (0) 2022.09.08
[jQuery] Ajax 연습 (GET)  (0) 2022.09.06
[jQuery] jQuery 사용하기 (import 하기)  (0) 2022.09.06