var node_list = document.querySelectorAll('li'); //NodeList 객체 var collection = document.getElementsByTagName('li'); // HTML Collection 객체 var text_node = null; try { collection[0].style.color = "red" // 인덱스 번호로 접근 가능 collection.namev.style.color = "red"; // id 접근 가능 collection.idv.style.color = "red"; // name 접근 가능 } catch (err) { document.write("HTML Collection 에러 - " + err + "<br>"); } try { node_list[1].style.backgroundColor = "orange"; // 인덱스번호로 접근 가능 node_list[2].style.backgroundColor = "orange"; // item() 메서드 접근 가능 node_list.namev.style.backgroundColor = "orange"; // name 접근이 안됨 예외발생 } catch (err) { document.write("NodeList 에러 - " + err + "<br>"); }