Ajax Study #2 – innerHTML

1. innerHTML

서버응답값 : 10.2,11.8,12.9,9.0

 

<!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" xml:lang="ko" lang="ko">
<head>
    <meta http-equiv="content-type" content="text/html; charset=euc-kr" />
    <title>최고기온</title>
    <script type="text/javascript" src="httpRequest.js"></script>
    <script type="text/javascript">
    function loadList() {
        sendRequest("getMaxTemperature.jsp", null, loadedList, "GET");
    }
    function loadedList() {
        if (httpRequest.readyState == 4) {
            if (httpRequest.status == 200) {
                var csvStr = httpRequest.responseText;
                // 콤마로 읽어온 값을 분리
                var temperatureStrs = csvStr.split(",");
                var temperatures = new Array(temperatureStrs.length);
                for (var i = 0 ; i < temperatureStrs.length ; i++) {
                    // 문자열을 실수형으로 변환
                    temperatures[i] = parseFloat(temperatureStrs[i]);
                }
                var max = temperatures[0];
                for (var i = 1 ; i < temperatures.length ; i++) {
                    if (max < temperatures[i]) {
                        max = temperatures[i];
                    }
                }
                var maxtemp = document.getElementById("maxtemp");
                maxtemp.innerHTML = "<strong>"+max+"</strong>";
            } else {
                alert(httpRequest.status);
            }
        }
    }
    window.onload = function() {
        loadList();
    }
    </script>
</head>
<body>
최근 4일간 최고기온: <span id="maxtemp"></span>
</body>
</html>

 

 

2. document.documentElement.innerHTML

document.documentElement 은 DOM API로서 문서의 루트노드임
소스보기를 위해 javascript:alert(document.documentElement.innerHTML)을 브라우저 주소창에 입력하여 확인가능

 

 

 

 

 

사용자 삽입 이미지

Notice

  • 이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용할 수 있습니다. 크리에이티브 커먼즈 라이선스
  • 저작권과 관련된 파일요청 및 작업요청을 받지 않습니다.
  • 댓글에 대한 답변은 늦을 수도 있습니다.
  • 답글 남기기

    이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다