JavaScript JS 기초 출력

    2018-03-22 09:58:49 작성

    자바스크립트 출력


    document.write()

    document.wirte() 메서드를 사용하여 script 위치에 출력합니다.

    <script>
        document.write("Hello World!");
    </script>


    window.alert()

    window.alert() 메서드를 사용하여 script 실행시 경고창에 출력합니다.

    <script>
        window.alert('Hello World!');
    </script>


    console.log()

    console.log() 메서드를 사용하여 개발 툴의 디버깅 console 화면에 출력합니다.

    <script>
        console.log('console.log() 메서드로 출력!');
    </script>


    innerHTML

    요소의 innerHTML 속성으로 요소 내부에 콘텐츠를 정의 합니다.
    innerHTML 속성을 사용하려면 document.getElementById(id) 메서드를 이용하여 요소의 핸들객체을 얻어야 합니다.

    <div id="demo"></div>
    <script>
        document.getElementById('demo').innerHTML = '<b>Hello World!</b>';
    </script>
    Demo