-
Javascript Node추가 appendChild insertBefore, Node삭제 removeChild
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> tn1 = document.createTextNode("createTextNode1"); tn2 = document.createTextNode("createTextNode2"); tn3 = document.createTextNode("createTextNode3"); document.body.appendChild(tn1); document.body.appendChild(tn2); document.body.removeChild(tn1); document.body.insertBefore(tn3, document.body.childNodes[0]); </script>결과 화면
removeChild()가 없을 경우 결과 화면
'Html Css JavaScript' 카테고리의 다른 글
Javascript encodeUri decodeUri Component (0) 2022.11.25 예제 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 innerText & createTextNode 텍스트 추가 (0) 2022.11.23 Javascript Prompt 입력 값 얻기 (0) 2022.11.22 Javascript Math 함수 (0) 2022.11.22 Javascript Number 함수 (0) 2022.11.22