[JavaScript] 7-8_modifyContent.js

function actionClick()

{

var element = document.getElementById("content");

var oldContent = element.innerHTML;

var newContent = "It is new content !";

element.innerHTML = newContent;

}

//innerHTML을통해 내용을 삽입하면 document 객체가 이미 완성된 상태이므로

//삽입된 즉시 브라우저는 해석을 시작한다.

//따라서 원하는 컨텐츠를 삽입할때 분할해서 넣는경우 원하지 않는 결과가 발생할 수 있다.

/**********************************************

* element.innerHTML += sentence1;

* element.innerHTML += sentence2;

* 위의 방법대신 아래와 같은 방법을 사용하자.

* var content = element.innerHTML + sentence1;

* content += sentence2;

***********************************************/

function actionRemove(element)

{

//자신에 대한 삭제 권한은 자신의 부모가 갖고 있음.

var parent = element.parentNode;

parent.removeChild(element);

}

function actionReplace(element)

{

var newElement = document.createElement("p");

newElement.appendChild(document.createTextNode("Changed!"));

element.parentNode.replaceChild(newElement, element);

}

7-8_modifyContent.js