Erstellen einer Website mit getElementById im laufenden Betrieb?

Ich versuche, eine Website on-the-fly mit JavaScript zu erstellen, kann aber nicht meine getElementById Funktion ordnungsgemäß funktionieren. Ich habe ein gutes Stück herumgestochert und Beispiele gefunden und habe versucht, ohne Erfolg zu arbeiten, damit sie funktionieren (die meisten von ihnen verwendeten keine externe .js-Datei). Unten ist der Code mein JavaScript und HTML:Erstellen einer Website mit getElementById im laufenden Betrieb?

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>

JavaScript:

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

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

Quelle

2010-12-03 Rick

Rufen Sie die Funktion 'myHeading' an Wohin? –

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

Quelle

2010-12-03 22:54:21 karim79

Der JavaScript-Code, der den Zugriff auf bestimmte DOM-Elemente haben sollte, hat nach die Elemente in HTML zu kommen, da sonst die Elemente nicht in DOM erzeugt noch (vorausgesetzt, der JavaScript-Code Sie ist in finalProj.js schrieb) :
```
<body> 
    <form name = "myForm"> 
     <h1 id="myHeader"></h1> 
    </from> 
     
    <script type="text/javascript" src="finalProj.js"></script> 
</body> 
```
über eine write Eigenschaft sie wissen nicht, aber innerHTML es tun sollten:
```
document.getElementById('myHeader').innerHTML = firstName + lastName; 
```
Und natürlich müssen Sie auch myHeading() anrufen!

Quelle

2010-12-03 22:54:51

versuchen, etwas wie folgt aus:

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

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

Quelle

2010-12-03 22:54:58 binnyb

Die ID, die Sie festgelegt und die ID des Headers sieht es aus wie Sie wählen versuchen, nicht übereinstimmen. Sie haben:

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

und

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

Sie ändern müssen, dass auf:

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

Quelle

2010-12-03 22:55:04 Ender

Gute Spotting @Ender. –

Die Eigenschaft, die Sie wollen, ist innerHTML (und Sie können die Klammern weglassen):

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

Quelle

2010-12-03 22:55:10 jwueller

Erstellen einer Website mit getElementById im laufenden Betrieb?

Antwort

Verwandte Themen