# insertAdjacentHTML

5개의 포스트
post-thumbnail

innerHTML을 지양하자

DOM을 변경할 때 innerHTML을 지양해야 하는 이유는? 도서 '모던 자바스크립트 Deep Dive'를 읽으면 해당하는 부분은 아래와 같이 설명된다. XXS(크로스 사이트 스크립팅) 공격에 취약하다. 대안으로 제시되는 것은 insertAdjacentHTML인

2022년 3월 7일
·
0개의 댓글
post-thumbnail

[DOM] innerHTML vs insertAdjacentHTML vs appendChild 비교

Javascript로 DOM 화면을 렌더링하기 위해 관련 메서드를 찾다가 유사하면서도 다른 여러 메서드들을 알게 됐다. Element.innerHTML, Element.insertAdjacentHTML, Node.appendChild 등 관련 메서드가 있는데, 메서드를

2022년 2월 19일
·
1개의 댓글
post-thumbnail

[JS] map, filter, reduce method

insertAdjacentHTML() method는 이미 사용 중인 element를 다시 parsing 하지 않아서 'innerHtml'보다 작업이 덜 드므로 빠르다. Position Option'beforebegin': Before the element itself.

2021년 12월 17일
·
0개의 댓글

Element.innerHTML과 Element.insertAdjacentHTML의 차이

Element.innerHTML은 요소 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 요소의 내용을 변경하게 된다. Element.insertAdjacentHTML은 HTML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 첫번째 인자로 원하는

2021년 1월 1일
·
0개의 댓글