c큐리어티
431
2021-01-20 09:50:19
7
354

javascript 에서 doument 랑 console사용이 언되는것같습니다


이제막 시작했고 모의로 따라해보는중입니다


깃헙으로 파일을 만들고 그파일을 vs에옮겼는데


html css를 작성한뒤


@@,js라는 파일에


const title = document.getElemetByID("tittle")

console.log(tilte);


이라고 쳤는데 doument랑 console부분이 그냥 아무기능없는 하얀색표시로뜨고

console에는 null값만 나오는데 왜 그런건가요?>

0
  • 답변 7

  • jimjones
    832
    2021-01-20 09:54:52

    const title = document.getElemetByID("tittle") 뜻은, id 값이 title인 친구를 가져오라는건데 title 이라는 id를 지정해주었나요?


    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" href="./styles.css" />
        <title>얘는 타이틀이긴 한데</title>
      </head>
      <body>
        <h1 id="title">이게 getElementById의 타이틀입니다</h1>
        <script src="./js.js"></script>
      </body>
    </html>



  • daywalker
    2k
    2021-01-20 10:22:01

    getElemetByID => 이거 철자도 틀렸고 대소문자도 안맞네요.


  • xml개발자
    4k
    2021-01-20 10:31:59


    document.getElementById 입니다


  • daywalker
    2k
    2021-01-20 10:40:03

    html 은 위에서부터 아래로 순차적으로 읽어서 처리가 됩니다.

    만약에 javascript code 가 html 보다 위쪽에 있다면 null로 나오겠죠.

  • c큐리어티
    431
    2021-01-20 10:43:05

    세분다 감사합니다~~

    h1 id=titlle값을 주는걸 몰랐네요 <head></head>안에있는 title이라고만 생각했습니다!!

  • howoni123
    1k
    2021-01-20 13:02:02

    js파일내 자바스크립트가 html dom 로드 이후에 실행되면 상관없어요.

    그리고 <title> </title>에 있는 내용에 대해서 갖고오고 싶으면 getElementsByTagName 써야하지 않을까요

  • c큐리어티
    431
    2021-01-20 15:25:47

    getElementsByTagName이아닌 getElemetByID를 쓰려고했었습니다!

    첫번째 댓글주신분이 h1태그에 id를 설정하지않은 부분을 짚어주어서 해결이됐습니다!

  • 로그인을 하시면 답변을 등록할 수 있습니다.