jQuery
제이쿼리(jQuery)로 html 태그 만들기
dev.mk
2019. 10. 9. 15:44
반응형
1. 그냥 문자열을 붙여서 태그 만들기.
|
var appendHtml = '';
appendHtml += '<span class="pic">';
appendHtml += ' <img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진">';
appendHtml += '</span>';
console.log(appendHtml);
|
//결과 <span class="pic"><img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진"></span>
2. 제이쿼리를 이용해서 만들기
|
var appendHtml = $('<span/>', {'class': 'pic'} )
.append($('<img/>',{
'class':'img_acircle'
,'src': imageUrl
,'alt':'test사진'
}
)
)[0].outerHTML;
console.log(appendHtml);
|
//결과 <span class="pic"><img class="img_acircle" src="www.test.com.kr/image/static/test.JPG" alt="test사진"></span>
1번 방법으로 만드는 것이 가독성이 좋다고 생각한다.
반응형