Htmlとjavascript idを拡張する

javascriptとhtmlを一緒に使用する方法を理解できません。私はファイルokにアクセスし、ファイルからIDを取得することができました。しかし、私が望むidの前にidが定義されている場合にのみidにアクセスできます。この問題を回避する方法はありますか？Htmlとjavascript idを拡張する

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

<head> 

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

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

<title>This is my website</title> 

</head> 

<body> 

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

<p id="HouseName01"></p> 

<p id="HouseAdress03"></p> 

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

</body> 
</html>

ここは自分のHTMLコードです。

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("HouseAdress01").innerHTML = "House 1 adress"; 
document.getElementById("HouseImage01").setAttribute("src", "C:/Users/currys/Pictures/House01.jpg"); 

document.getElementById("HouseName02").innerHTML = "House 2 name"; 
document.getElementById("HouseAdress02").innerHTML = "House 2 adress"; 

document.getElementById("HouseName03").innerHTML = "House 3 name"; 
document.getElementById("HouseAdress03").innerHTML = "House 3 adress"; 

document.getElementById("HouseName04").innerHTML = "House 4 name"; 
document.getElementById("HouseAdress04").innerHTML = "House 4 adress"; 

document.getElementById("HouseName05").innerHTML = "House 5 name"; 
document.getElementById("HouseAdress05").innerHTML = "House 5 adress"; 

document.getElementById("HouseName06").innerHTML = "House 6 name"; 
document.getElementById("HouseAdress06").innerHTML = "House 6 adress"; 

document.getElementById("tempVar").innerHTML = "House22";

ここは私のJavaScriptコードです。最初にコードを追加しないと申し訳ありません。

出典

2016-05-22 Jack

コードを表示せずに誰も助けることができませんし、その特定のコードに関連するより詳細な問題の説明と、コードが期待するものの説明と一緒に。 – charlietfl

インターネット上の私たちは、残念なことに（あるいは幸いにも！）、もっと情報なしであなたが話していることを私たちに見せる力を与える力はありません。 – jdphenix

私があなたを正しく理解していれば、（フッターの下にある）本体の下にスクリプトタグを置くことはそのトリックを行います。 DOMは、アクセスする前に作成する必要があります。私があなたのことを正しく理解していない場合は、あなたが何を正確に意味するかを再試行しなければならないかもしれません;） – Erik

あなたは、そのID定義する前に、"tempVar"あるHTML要素を取得したい場合は、あなたがそれを行うことはできません。

`document.getElementById(<id>)` method is to get existing element identified by its id.

あなたはJSを使用してHTML要素を作成する場合：

var newElement = document.createElement("p"); //i.e. <p></p> 
var node = document.createTextNode("House22"); 
newElement.appendChild(node);

そして、この要素newElementをDOMの内部に追加することができます。

出典

2016-05-22 16:05:37

Htmlとjavascript idを拡張する

答えて

関連する問題