javascript 함수 3

* insertAdjacentHTML()

특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 원하는 node들을 추가한다.

innerHtml보다 작업이 덜 드므로 빠르다.

element.insertAdjacentHTML(position, text)

position -> beforebegin(element 앞에), afterbegin(가장 첫번째 child), beforeend(가장 마지막child), afterend(element 뒤에)

ex. var d1 = document.getElementById('one');

d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');

 

* document.getElementsByTagName("div")[0] === document.getElementsByTagName("div").item(0)

ex. <div id="example" style="height:100%"></div>라는 태그가 있을 때

위를 y라는 변수에 할당하고

y.attributes : NamedNodeMap {0: id, 1: style, id: id, style: style, length: 2} 출력

y.attributes.item(0) : id="example"출력

y.attributes.item(0).name : "id" 출력