본문 바로가기

콩's EDUCATION/콩's Javascript

dom 2

반응형

dom 2 : 현재 문서의 모든 a태그의 href속성값(url), 텍스트 출력


<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>DOM</title>
</head>
<body>
<a href="http://www.daum.net">다음사이트</a><br>
<a href="http://www.naver.com">네이터사이트</a><br>
<a href="http://www.google.co.kr">구글사이트</a><br>
<script type="text/javascript">
// 현재 문서의 모든 a태그의 href속성값(url), 텍스트
var aList = document.getElementsByTagName("a");
//배열 내장 객체 함수
var resultArray = new Array();
// 또는 var resultArray = [];
/* for(var i=0;i<aList.length;i++){
    document.write(aList.item(i).innerHTML+"-"+aList.item(i).href);   
    document.write("<br>");
} */

for(var i=0;i<aList.length;i++){
    resultArray.push(aList.item(i).innerHTML+"-"+aList.item(i).href);   
    }
    // 배열 이름 출력 default : ', (콤마)'
    // 배열 이름 출력 구분자 직접 지정: .join("분리자")
    document.write(resultArray.join("<br>"));
   
</script>
</body>
</html>



dom2.html


반응형

'콩's EDUCATION > 콩's Javascript' 카테고리의 다른 글

event2  (0) 2014.06.13
event1  (0) 2014.06.13
dom 1  (0) 2014.06.12
navigator  (0) 2014.06.12
setInterval  (0) 2014.06.12

⚠️ 광고 차단 프로그램 감지

애드블록, 유니콘 등 광고 차단 확장 프로그램을 해제하거나
화이트리스트에 추가해주세요.