HTML Javascript доступ к идентификатору заказа

-1

Я пытаюсь получить значения из кода javascript с помощью идентификатора. Я хочу значение, которое удерживается текущим идентификатором. Вот HTML код:HTML Javascript доступ к идентификатору заказа

<!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>

Вот Javascript код:

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";

Когда я запустить HTML-код, на дисплее колонтитулы правильное значение, которое проводится, где идентификатор равен на «head01» и «foot01». Хотя по какой-то причине, когда я пытаюсь вызвать значение с идентификатором «HouseName05», ничего не отображается. На этой странице я не хочу, чтобы другие части идентификатора javascript были только нижним колонтитулом заголовка и HouseName05.

источник

2016-05-22 Jack

Это ваш фактический код? Кажется, это хорошо для меня. Может быть, вы где-то опечалились? – putvande

Проверьте консоль. Поскольку у вас нет элемента с идентификатором «HouseName01», код не работает (попытка доступа к свойству 'innerHTML'' null'). Неясно, что вы хотите сделать здесь, но в целом перед изменением свойства элемента, полученного из DOM (с помощью 'getElement .. или любого другого селектора), убедитесь, что результат есть (не' null'). – raina77ow

У него 'head01', но ни один из« House ... »кроме« HouseName05 ». – putvande

В соответствии с консольной ошибкой вам необходимо проверить, находится ли элемент в документе, прежде чем устанавливать html в элементе. Вы можете создать функцию для этого.

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

Затем вы можете использовать функцию как

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

FIDDLE DEMO HERE

источник

2016-05-22 19:21:01

в гибели? Звучит фатально;) –

HTML Javascript доступ к идентификатору заказа

ответ

Смежные вопросы