웹 프로그래밍/JAVASCRIPT

nodeName, getAttribute, nodeValue 를 통한 태그확인

웹 개발자의 비상 2010. 4. 2. 14:33

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>가족 사진첩</title>
 <script language="javascript">
 function tagchek(){
  var bdE = document.getElementById("buy");
  var item = bdE.childNodes;
  
  for (var i=0;i<item.length;i++){
   var itemA = item[i];
   var itemP = itemA.nodeName +" "+ itemA.getAttribute("title") +" "+ itemA.firstChild.nodeValue ;
   alert (itemP);
  }
 }
 
 function addLoadEvent(func) {
  var oldonload = window.onload; 
  if(typeof window.onload != 'function') {
   window.onload = func;
  }else{
   window.onload = function() {
    oldonload();
    func();
   }
  }
 }
 
 addLoadEvent(tagchek);
 </script>
</head>

<body>
<ul id="buy">
    <li title="01il">땅콩</li>
    <li title="02il">치즈</li>
    <li title="03il">우유</li>
</ul>
</body>
</html>


728x90

'웹 프로그래밍 > JAVASCRIPT' 카테고리의 다른 글

document.write, innerHTML 비추천  (0) 2010.04.05
자바스크립트 갤러리  (0) 2010.04.02
사이먼 윌리슨의 addLoadEvent 함수  (0) 2010.04.02
하위 호환성  (0) 2010.04.02
스크립트 분리  (0) 2010.04.02