CafeM0ca

[JS] Document,Text 객체 본문

Programming/JavaScript (Mocha)

[JS] Document,Text 객체

M0ca 2017. 11. 1. 10:47
반응형

Document 객체: HTML문서를 조작할 수 있는 객체.  DOM(Document Object Model)의 일부 

window.document==doucument (window는 전역객체)

document의 자식노드

document.chileNodes[0]은 <!DOCTYPE html>

document.chileNodes[1]은 <html>로 시작해서 </html>로 끝나는 것..

document.chileNodes[2]는 <html>다음 태그. 예로 <head>태그 


document.createElement는 태그를 만듬

ex) var M0ca=document.createElement('M0ca');

 -> <M0ca>,</M0ca>라는 태그가 만들어짐


document.titile

->문서의 제목을 가져옴

document.URL

->해당 페이지의 URL을 가져옴

document.referrer

->해당 페이지로 오기 전의 URL을 가져옴

document.lastModified 

->마지막으로 수정된 날짜,시간을 가져옴


Text 객체:HTML에서 태그안에 들어가 있는 객체

Doucument객체가 태그라는 느낌인데 Text객체는 태그안에 있는 문자 느낌이다.


예를 들면

1
2
3
4
5
6
7
<!DOCTYPE>
<html>
    <body>
        <script><M0ca>I love CafeM0ca!</M0ca>
        </script>
    </body>
</html>
cs

이러한 코드가 있을 때

<html>은 Document객체

<M0ca>안에 I love CafeM0ca!는 Text객체이다.

<html>의 자식노드는 <body>이고 <body의 자식노드는 <script>이며 <script>의 자식노드는 <M0ca>이고 <M0ca>의 자식노드는 I love CafeM0ca가 된다.

반응형

'Programming > JavaScript (Mocha)' 카테고리의 다른 글

[JS] 버블링과 캡쳐링(이벤트 전파)  (0) 2017.11.03
[JS]이벤트  (0) 2017.11.02
[JS] js로 웹제어  (0) 2017.10.31
[JS] 클로저 , arguments  (0) 2017.10.27
[JS]함수  (0) 2017.10.27
'Programming/JavaScript (Mocha)' Related Articles more
Comments