-
Modifying Named Elements개발 관련/JAVASCRIPT 2009. 11. 6. 15:08
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "Http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"--> <html> <head> <title>Modifying Named Elements</title> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" /> <script type="text/javascript"> //<!-[CDATA [ function findName() { var tbl = document.getElementById("table1"); // elem+숫자 형태로 되어 있는 모든 엘리먼트를 가져온다. for (var i=1; i <=7; i++) { var nmStr = "elem" + i; var nmList = document.getElementsByName(nmStr); // 태그 종류 이름이 담긴 문자열을 생성한다. var typeStr = ""; for (var j=0; j < nmList.length; j++) { typeStr += nmList[j].tagName; // 문자열을 출력한다. var row1 = tbl.insertRow(-1); var cell1 = row1.insertCell(0); var cell2 = row1.insertCell(1); var cell3 = row1.insertCell(2); var txtCnt = document.createTextNode(i); var txtAttr1 = document.createTextNode(nmStr); var txtAttrVal = document.createTextNode(typeStr); cell1.appendChild(txtCnt); cell2.appendChild(txtAttr1); cell3.appendChild(txtAttrVal); } } } //]]> </script> </head> <body onload="findName();"> <div name="elem1"> <ul name="elem2"> <li>option 1</li> <li name="elem3">option 2</li> </ul> </div> <a href="10-2.html" name="elem4">Example 1</a> <p name="elem5">Paragraph</p> <form name="elem6"> <input type="text" name="elem7" /> </form> <table border="1" id="table1"> </table> </body> </html>
-- IE 결과값(오페라)
- option 1
- option 2
Paragraph
4 elem4 A 6 elem6 FORM 7 elem7 INPUT
-- FF 결과값(사파리,넷케이프 네비게이터)
- option 1
- option 2
Paragraph
1 elem1 DIV 2 elem2 UL 3 elem3 LI 4 elem4 A 5 elem5 P 6 elem6 FORM 7 elem7 INPUT
위의 경우에는 IE(오페라)가 옳다.
그 이유는 DIV, UL, LI, P 태그에 대해서는 이름 속성이 지원되지 않기 때문이다.
'개발 관련 > JAVASCRIPT' 카테고리의 다른 글
scrollHeight / clientHeight / scrollTop (0) 2010.03.15 Modifying Document (0) 2009.11.13 setAttribute(name,value) (0) 2009.11.12 getAttribute(name) (0) 2009.11.12 HTMLTableRowElement (0) 2009.11.05