normalize() 예제
<style> #cc { font-size: 20px; color: red; } </style> </head> <body> <p id="demo">홈짱닷컴</p> <button onclick="addTextNode()">Text Node 추가</button> <button onclick="norTextNode()">문서 정상화 (Normalize)</button> <p>이 웹문서는 <span id="cc">1</span> 개 자식노드 보유</p> <script> function addTextNode() { var x = document.createTextNode(" Homzzang.com "); var y = document.getElementById("demo"); y.appendChild(x); var x = document.getElementById("cc"); x.innerHTML = y.childNodes.length; } function normalizeNode() { var x = document.getElementById("demo"); x.normalize(); var y = document.getElementById("cc"); y.innerHTML = x.childNodes.length; } </script> 결과보기
<style>
#cc {
font-size: 20px;
color: red;
}
</style>
</head>
<body>
<p id="demo">홈짱닷컴</p>
<button onclick="addTextNode()">Text Node 추가</button>
<button onclick="norTextNode()">문서 정상화 (Normalize)</button>
<p>이 웹문서는 <span id="cc">1</span> 개 자식노드 보유</p>
<script>
function addTextNode() {
var x = document.createTextNode(" Homzzang.com ");
var y = document.getElementById("demo");
y.appendChild(x);
var x = document.getElementById("cc");
x.innerHTML = y.childNodes.length;
function normalizeNode() {
var x = document.getElementById("demo");
x.normalize();
var y = document.getElementById("cc");
y.innerHTML = x.childNodes.length;
</script>
결과보기
최신댓글