div 태그에 html(이미지, <br> 등) 태그를 적용하는 경우가 종종 있다.

 

이럴때 jquery를 사용하면 쉽게 적용이 가능하다.

 

<div id = "contents"></div>에 html 적용하기

 

<script type="text/javascript" language="javascript">

var htmlTag = "<img src='http://mimgnews2.naver.net/image/109/2015/04/28/201504281724775800_553f43ca905df_99_20150428173706.jpg?type=w540' />";

htmlTag = htmlTag + "<br>" + "안녕하세용";

</script>

상기와 같이 html 태그를 string으로 정의를 하고

 

$("#contents").html(htmlTag);

이렇게 하면 html 태그 내용이 div에 적용이 됩니다.

'IT > jquery' 카테고리의 다른 글

table 안의 라디오버튼 하나씩 체크  (0) 2016.12.15
file 등록 후 img 미리보기  (0) 2016.12.14
콤보박스 텍스트 값  (0) 2015.11.20
동적 html 컨트롤 찾기  (0) 2015.03.04
태이블 tr에 해당하는 라인 삭제  (0) 2015.03.04

+ Recent posts

 

div 태그에 html(이미지, <br> 등) 태그를 적용하는 경우가 종종 있다.

 

이럴때 jquery를 사용하면 쉽게 적용이 가능하다.

 

<div id = "contents"></div>에 html 적용하기

 

<script type="text/javascript" language="javascript">

var htmlTag = "<img src='http://mimgnews2.naver.net/image/109/2015/04/28/201504281724775800_553f43ca905df_99_20150428173706.jpg?type=w540' />";

htmlTag = htmlTag + "<br>" + "안녕하세용";

</script>

상기와 같이 html 태그를 string으로 정의를 하고

 

$("#contents").html(htmlTag);

이렇게 하면 html 태그 내용이 div에 적용이 됩니다.

'IT > jquery' 카테고리의 다른 글

table 안의 라디오버튼 하나씩 체크  (0) 2016.12.15
file 등록 후 img 미리보기  (0) 2016.12.14
콤보박스 텍스트 값  (0) 2015.11.20
동적 html 컨트롤 찾기  (0) 2015.03.04
태이블 tr에 해당하는 라인 삭제  (0) 2015.03.04

+ Recent posts