관리 메뉴

취미개발 블로그와 마음수양

문서 객체 만들고 불러오고 삭제하기~ 본문

Language/JavaScript

문서 객체 만들고 불러오고 삭제하기~

아라한사 2014. 5. 27. 19:44

만들기

 createElement(tagName)

createTextNode(Text)


연결메서드

appendChild(node)


setAttribute(name, value)와

getAttribute(name)으로 할 수도 있다.


document.body에 innerHTML하는 방법도 있다고 한다 ~

======================


객체 가져오기

getElementById 

getElementByName

getElementByTagName


document.querySelect(선택자)


=============================

이렇게 불러와서

header.style.border = 이런식으로 조종.


==============================

제거는 

removeChild(child)이렇게 제거

==============================

시계 예제


<script>

        window.onload = function () {

            var clock = document.getElementById('clock');


            //매1초마다 함수를 실행

            setInterval(function(){

                clock.innerHTML = new Date().toString();

            },1000);

        }


    </script>

</head>

<body>

    <h1 id="clock"></h1>

</body>

</html>