Как установить значение в заголовок из другого html

#javascript #html

#javascript #HTML

Вопрос:

У меня есть index.html код, в котором у меня есть код верхнего / нижнего колонтитула, и тот iframe , в котором я загружаю разные html-страницы, например one.html , two.html .

У меня есть ползунок на one.html странице, значение которого мне нужно установить span , которое находится в заголовке index.html , но я получаю такие проблемы, как.

 index.js:624 Uncaught TypeError: Cannot set property 'innerHTML' of null
  

Я добавил файл js в one.html like

 <script src="js/index.js"></script>
<script src="js/one.js"></script>   
  

Вот код в index.js

 function setTemprature(Temprature){
    var tempText = document.getElementById("TempText"); 
    tempText.innerHTML = Temprature;                
}
  

и охватить index.html

 <span id="TempText" class="page-title label center-block">HI</span>
  

и я вызываю эту функцию из one.js

 if(clicked_btn_id == "btn-temp-up"){                
    if(Temprature < 80){
        setTemprature();
    }
}
  

Я новичок в javascript и html. Пожалуйста, предложите мне.

Комментарии:

1. У вас есть 2 отдельных файла, one.html и index.html . Вы включили скрипты в one.html поэтому вы не будете получать доступ к элементам в index.html .

2. » span … находится в заголовке «Это не должно быть, это недопустимый HTML.

3. @Teemu, @Rax альтернативное решение для этого?