-
html 코드
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> <script> tn = document.createTextNode("createTextNode"); document.body.appendChild(tn); </script>html 실행 screenshot
html 코드
innerText를 먼저 사용한 상황
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> <script> document.body.innerText = "innerText"; tn = document.createTextNode("createTextNode"); document.body.appendChild(tn); </script>html 실행 screenshot
html 출력(코드)
<html> <head> <title>Page Title</title> </head> <body contenteditable="false"> innerTextcreateTextNode </body> </html>innerText 형제 Node들을 초기화시키고 단독Node로 자리를 차지한다.
다른 예제
Javascript Ex - appendChild, insertBefore
'Html Css JavaScript' 카테고리의 다른 글
예제 grid-template-gap box-shadow (0) 2022.11.24 Css GridTemplate box-shadow 그림자 만들기 (0) 2022.11.24 Javascript Ex - appendChild, insertBefore (0) 2022.11.23 Javascript Node추가 - appendChild removeChild insertBefore (0) 2022.11.23 Javascript Prompt 입력 값 얻기 (0) 2022.11.22 Javascript Math 함수 (0) 2022.11.22 Javascript Number 함수 (0) 2022.11.22 Javascript String 함수 (0) 2022.11.22