2010-12-03 4 views
3

JavaScript를 사용하여 직접 웹 사이트를 만들려고하지만 getElementById 함수가 제대로 작동하지 않습니다. 나는 좋은 비트를 찔러보고 예제를 발견하고 승/성공을 시도 (대부분은 외부 .js 파일을 사용하지 않았다).getElementById를 사용하여 즉석에서 웹 사이트 만들기?

HTML :

<!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"> 
<head> 
    <title>Final Project</title> 
<script type="text/javascript"> 
</script> 
</head> 
<body> 
<script type="text/javascript" src="finalProj.js"> 
</script> 
<form name = "myForm"> 
<h1 id="myHeader"></h1> 

자바 스크립트 :

var firstName = ("RicK"); 
var courseName = ("WEB 180"); 

function myHeading() 
{ 
document.getElementById('header').write = (firstName + lastName); 
} 
+0

당신은 'myHeading' 함수를 호출하고 있습니까? 어디? –

답변

2
document.getElementById('myheader').innerHTML = "(" + firstName + ' ' + lastName + ")"; 

아래의 코드 내 자바 스크립트와 HTML은? 특정 DOM 요소에 액세스 할 수 있어야합니다

6
  1. 자바 스크립트 코드는 다른 요소가 (당신이 쓴 자바 스크립트 코드는 finalProj.js에 가정) 아직 DOM에서 생성되지 않습니다, HTML에서 요소 후 을 제공한다 :

    <body> 
        <form name = "myForm"> 
         <h1 id="myHeader"></h1> 
        </from> 
        <!-- can access myHeader now --> 
        <script type="text/javascript" src="finalProj.js"></script> 
    </body> 
    
  2. write 부동산에 관한 몰라,하지만 innerHTML 그것을 수행해야합니다

    document.getElementById('myHeader').innerHTML = firstName + lastName; 
    

    물론 myHeading()으로 전화해야합니다. 이 같은

1

시도 뭔가 :

var firstName = "RicK"; 
var courseName = "WEB 180"; 

function myHeading() { 
    document.getElementById('header').innerHTML = firstName + " " + lastName; 
} 
2

지정한 ID와 일치하지 않는 선택하려고하는 것 같습니다 헤더의 ID. 당신이 (당신이 괄호를 생략 할 수 있습니다)

document.getElementById('myHeader').write = (firstName + lastName); 
+0

좋은 입점 @ 아래. –

1

당신이 원하는 속성은 innerHTML입니다 :

<h1 id="myHeader"></h1> 

document.getElementById('header').write = (firstName + lastName); 

당신은 그 변경해야
document.getElementById('myHeader').innerHTML = firstName + lastName; 
관련 문제