# innerText

11개의 포스트

DOM

DOM(Document Object Model) : XML, HTML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제할 수 있도록 돕는 인터페이스BOM(Browser Object Model) 의 하나로, 트리 구조로 되어있다.자바스크립트로 요소에 접근해서 요소를

2022년 5월 11일
·
0개의 댓글
post-thumbnail

innerHTML을 지양하자

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

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

textContent, innerHTML, innerText 특징과 차이점

HTML 내에 텍스트를 동적으로 변경할 때 사용되며 Node의 속성이다.<script>, <style> 은 무시하고, 띄어쓰기, 공백 등을 제거하지 않는다.HTML 내에 텍스트를 동적으로 변경할 때 사용되며 Element의 속성이다.값에 태그들을 삽입하면 자

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

[JS] 바닐라 자바스크립트 - 화면에 이름 출력하기

form을 submit하면 브라우저는 기본적으로 페이지를 새로고침 하도록 되어있다. 이것은 우리가 원하는 것이 아님! 따라서 preventDefault() 함수를 추가함으로써 브라우저의 기본 동작을 막을 수 있다!! loginSubmit 함수부분에 아규먼트로 eve

2021년 12월 18일
·
0개의 댓글
post-thumbnail

2021-12-10 TIL

🦁 Day31언제 어느 것을 써야하나innerHTML은 비용이 비싸다 = 렌더링 속도가 느리다.왜냐하면 html태그도 일일이 다 읽어내기 때문이다. 따라서 만약에 태그 내에 텍스트 콘텐츠만 넣을 경우에는 꼭 textContent를 쓸 것!innerText와 textC

2021년 12월 10일
·
1개의 댓글
post-thumbnail

innerText vs textContent vs innerHTML

Node, element의 텍스트값을 읽어오고 설정할 수 있다.다루는 값이 text element인가,html element인가엘리먼트 안의 전체 HTML, XML을 가져온다.text만 바뀌는 상황이라면 innerHTML이 아닌 textContent로도 사용할 수 있

2021년 8월 29일
·
0개의 댓글
post-thumbnail

js자바스크립트 헥사코드 조합 색상 만들기

기존 html, css파일은 있으며 js만 수정하여 알고리즘을 작성하였습니다. 헥사코드 6자리를 조합하여 클릭하면 색상을 만드는 것입니다.

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

textContent, innerHTML, innerText

: 노드와 그 자손의 텍스트 콘텐츠를 표현 : 태그 포함 모두 반환예시코드

2021년 1월 6일
·
0개의 댓글
post-thumbnail

innerText vs. innerHTML vs. textContent

When you’re getting or setting an element in JavaScript, you have many options — many seemingly exactly the same. In this post, I break down the subtl

2020년 9월 17일
·
0개의 댓글
post-thumbnail

TIL 14 day innerText, textContent

JavaScript를 작성하다가 element에 써져있는 text를 다루고 싶으면 어떻게 해하지라는 생각에 검색을 했다. innerText와 textContent인데 내가 봐서는 비슷해보여서 뭐가 다른지 MDN에 찾아보았다. innerText는 HTMLElement 인

2020년 9월 12일
·
0개의 댓글