HTML Javascript Zugriff auf die ID bestellt

-1

Ich versuche, die Werte aus dem JavaScript-Code mit der ID zu erhalten. Ich möchte den Wert, der von der aktuellen ID gehalten wird. Hier ist der HTML-Code:HTML Javascript Zugriff auf die ID bestellt

<!DOCTYPE html> 
<html lang="en"> 

<head> 

<link href="site.css" rel="stylesheet"> 

<title>This is my website</title> 

</head> 

<body> 

<header align="center" id="head01"></header> 

<p id="HouseName05"></p> 

<footer id="foot01" align="center"></footer> 

<script src="JavaS.js"></script> 

</body> 
</html>

Hier ist die Javascript-Code:

document.getElementById("foot01").innerHTML = "&copy; " + new Date().getFullYear() + " Dane. All rights reserved."; 
document.getElementById("head01").innerHTML = "Dane & Co"; 

document.getElementById("HouseName01").innerHTML = "House 1 name"; 
document.getElementById("HouseAddress01").innerHTML = "House 1 address"; 
document.getElementById("HouseImage01").setAttribute("src", "C:/Users/currys/Pictures/House01.jpg"); 

document.getElementById("HouseName02").innerHTML = "House 2 name"; 
document.getElementById("HouseAddress02").innerHTML = "House 2 address"; 

document.getElementById("HouseName03").innerHTML = "House 3 name"; 
document.getElementById("HouseAddress03").innerHTML = "House 3 address"; 

document.getElementById("HouseName04").innerHTML = "House 4 name"; 
document.getElementById("HouseAddress04").innerHTML = "House 4 address"; 

document.getElementById("HouseName05").innerHTML = "House 5 name"; 
document.getElementById("HouseAddress05").innerHTML = "House 5 address"; 

document.getElementById("HouseName06").innerHTML = "House 6 name"; 
document.getElementById("HouseAddress06").innerHTML = "House 6 address";

Wenn ich laufe den HTML-Code der Kopf- und Fußzeile Anzeige der richtige Wert, der festgehalten wird, in dem die ID gleich zu "head01" und "foot01". Obwohl aus irgendeinem Grund, wenn ich versuche, den Wert mit der ID "HouseName05" aufzurufen, wird nichts angezeigt. Auf dieser Seite möchte ich keine anderen Teile der Javascript-IDs nur die Kopfzeile und HouseName05.

Quelle

2016-05-22 Jack

Ist das Ihr eigentliche Code? Scheint mir gut. Vielleicht hast du irgendwo einen Tippfehler gemacht? – putvande

Überprüfen Sie die Konsole. Da Sie kein Element mit der ID "HouseName01" haben, schlägt der Code fehl (versuchen Sie, auf die Eigenschaft 'innerHTML' von' null' zuzugreifen). Es ist nicht klar, was Sie hier tun wollen, aber im Allgemeinen, bevor Sie die Eigenschaft eines Elements ändern, das aus DOM abgerufen wird (mit 'getElement .. oder einem anderen Selektor), stellen Sie sicher, dass das Ergebnis dort ist (nicht' null'). – raina77ow

Er hat 'head01' aber kein' House' abgesehen von 'HouseName05'. – putvande

Gemäß dem Konsolenfehler müssen Sie überprüfen, ob das Element im Dokument ist, bevor Sie das HTML auf dem Element setzen. Sie können hierfür eine Funktion erstellen.

var setInnerHtml = function(id, text) 
{ 
    if(document.getElementById(id) !== null) 
    { 
     document.getElementById(id).innerHTML = text; 
    } 
}

Dann können Sie die Funktion wie

verwenden

setInnerHtml("head01", "Dane & Co");

FIDDLE DEMO HERE

Quelle

2016-05-22 19:21:01

im Untergang? Klingt fatal;) –

HTML Javascript Zugriff auf die ID bestellt

Antwort

Verwandte Themen