Блог

Я новичок в программировании на Javascript. Метод innerHTML не работает в функции для обновления содержимого HTML-элемента.

Мой JS-код таков :

 $(':button').on("click", function() {  // reference clicked button via: $(this)  var buttonElementId = $(this).attr('id');  var sliceId = buttonElementId.charAt(buttonElementId.length - 1);  bringData(sliceId);  })  function bringData(id) {  var a = localStorage.getItem("Blogs")  var b = JSON.parse(a)  console.log(b[id].blogHeader)  document.getElementById("foo").innerHTML = b[id].blogHeader }  

Кнопки и элемент с идентификатором «foo» находятся на разных HTML-страницах. Я хочу обновить содержимое этого элемента после нажатия любой кнопки с другой страницы, но это не работает. Содержание по-прежнему остается прежним. В чем моя ошибка ?

Примечание : Если я использую свойство innerHTML из функции, оно работает, и содержимое меняется.