local storage : Uncaught TypeError: Cannot set property 'innerHTML' of null












2















Пример кода js



в local storage данные есть



В чем же ошибка ? При том, что данные "ross" ,были введены и отображаются.



var myButton = document.querySelector('button');

var myHeading = document.querySelector('h1');

function setUserName() {

  var myName = prompt('Please enter your name.');

  localStorage.setItem('name', myName);

  myHeading.innerHTML = 'Mozilla is cool, ' + myName;

}



if(!localStorage.getItem('name')) {

  setUserName();

} else {

  var storedName = localStorage.getItem('name');

  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;

}



myButton.onclick = function() {

  setUserName();

}


вот полный код скрипта






javascript







поделиться|улучшить этот вопрос




















  • 2





    у вас нет h1 в разметке

    – Stranger in the Q
    42 минуты назад











  • Спасибо! Так и не было. все заработало.

    – Ross
    33 минуты назад


















2















Пример кода js



в local storage данные есть



В чем же ошибка ? При том, что данные "ross" ,были введены и отображаются.



var myButton = document.querySelector('button');

var myHeading = document.querySelector('h1');

function setUserName() {

  var myName = prompt('Please enter your name.');

  localStorage.setItem('name', myName);

  myHeading.innerHTML = 'Mozilla is cool, ' + myName;

}



if(!localStorage.getItem('name')) {

  setUserName();

} else {

  var storedName = localStorage.getItem('name');

  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;

}



myButton.onclick = function() {

  setUserName();

}


вот полный код скрипта






javascript







поделиться|улучшить этот вопрос




















  • 2





    у вас нет h1 в разметке

    – Stranger in the Q
    42 минуты назад











  • Спасибо! Так и не было. все заработало.

    – Ross
    33 минуты назад
















2












2








2








Пример кода js



в local storage данные есть



В чем же ошибка ? При том, что данные "ross" ,были введены и отображаются.



var myButton = document.querySelector('button');

var myHeading = document.querySelector('h1');

function setUserName() {

  var myName = prompt('Please enter your name.');

  localStorage.setItem('name', myName);

  myHeading.innerHTML = 'Mozilla is cool, ' + myName;

}



if(!localStorage.getItem('name')) {

  setUserName();

} else {

  var storedName = localStorage.getItem('name');

  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;

}



myButton.onclick = function() {

  setUserName();

}


вот полный код скрипта






javascript







поделиться|улучшить этот вопрос
















Пример кода js



в local storage данные есть



В чем же ошибка ? При том, что данные "ross" ,были введены и отображаются.



var myButton = document.querySelector('button');

var myHeading = document.querySelector('h1');

function setUserName() {

  var myName = prompt('Please enter your name.');

  localStorage.setItem('name', myName);

  myHeading.innerHTML = 'Mozilla is cool, ' + myName;

}



if(!localStorage.getItem('name')) {

  setUserName();

} else {

  var storedName = localStorage.getItem('name');

  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;

}



myButton.onclick = function() {

  setUserName();

}


вот полный код скрипта






javascript




javascript






поделиться|улучшить этот вопрос















поделиться|улучшить этот вопрос













поделиться|улучшить этот вопрос




поделиться|улучшить этот вопрос








изменён 49 минут назад







Ross

















задан 1 час назад









RossRoss

317




317








  • 2





    у вас нет h1 в разметке

    – Stranger in the Q
    42 минуты назад











  • Спасибо! Так и не было. все заработало.

    – Ross
    33 минуты назад
















  • 2





    у вас нет h1 в разметке

    – Stranger in the Q
    42 минуты назад











  • Спасибо! Так и не было. все заработало.

    – Ross
    33 минуты назад










2




2





у вас нет h1 в разметке

– Stranger in the Q
42 минуты назад





у вас нет h1 в разметке

– Stranger in the Q
42 минуты назад













Спасибо! Так и не было. все заработало.

– Ross
33 минуты назад







Спасибо! Так и не было. все заработало.

– Ross
33 минуты назад












2 ответа
2






текущие

по дате публикации

голоса


















3















У Вас отcутствует тег h1 в html разметке.



Это можно понять из сообщения об ошибке и вашего кода:




В самом начале Вы делаете поиск первого попавшегося h1 на странице



var myHeading = document.querySelector('h1');


А затем этому элементу пытаетесь изменить свойство:



myHeading.innerHTML = 'Mozilla is cool, ' + storedName;


При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;



Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.






поделиться|улучшить этот ответ

































    1














    Вам же ошибка говорит что NULL, и что скрип не может установить NULL.






    const body = document.querySelector('body')
    
let name = prompt('Ok?');
    
console.info(name);
    
body.innerHTML = `<p>${name}</p>`;






    UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.







    поделиться|улучшить этот ответ

























      Ваш ответ






      StackExchange.ifUsing("editor", function () {
      StackExchange.using("externalEditor", function () {
      StackExchange.using("snippets", function () {
      StackExchange.snippets.init();
      });
      });
      }, "code-snippets");

      StackExchange.ready(function() {
      var channelOptions = {
      tags: "".split(" "),
      id: "609"
      };
      initTagRenderer("".split(" "), "".split(" "), channelOptions);

      StackExchange.using("externalEditor", function() {
      // Have to fire editor after snippets, if snippets enabled
      if (StackExchange.settings.snippets.snippetsEnabled) {
      StackExchange.using("snippets", function() {
      createEditor();
      });
      }
      else {
      createEditor();
      }
      });

      function createEditor() {
      StackExchange.prepareEditor({
      heartbeatType: 'answer',
      autoActivateHeartbeat: false,
      convertImagesToLinks: false,
      noModals: true,
      showLowRepImageUploadWarning: true,
      reputationToPostImages: null,
      bindNavPrevention: true,
      postfix: "",
      imageUploader: {
      brandingHtml: "на платформе u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
      contentPolicyHtml: "Пользовательский контент попадает под действие u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003eлицензии cc by-sa 3.0u003c/au003e с u003ca href="https://stackoverflow.com/legal/content-policy"u003eуказанием ссылки на источникu003c/au003e",
      allowUrls: true
      },
      onDemand: true,
      discardSelector: ".discard-answer"
      ,immediatelyShowMarkdownHelp:true
      });


      }
      });














      черновик сохранён

      черновик удалён


















      StackExchange.ready(
      function () {
      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fru.stackoverflow.com%2fquestions%2f949940%2flocal-storage-uncaught-typeerror-cannot-set-property-innerhtml-of-null%23new-answer', 'question_page');
      }
      );

      Отправить без регистрации















      Необходима, но никому не показывается

























      2 ответа
      2






      текущие

      по дате публикации

      голоса








      2 ответа
      2






      текущие

      по дате публикации

      голоса









      текущие

      по дате публикации

      голоса






      текущие

      по дате публикации

      голоса









      3















      У Вас отcутствует тег h1 в html разметке.



      Это можно понять из сообщения об ошибке и вашего кода:




      В самом начале Вы делаете поиск первого попавшегося h1 на странице



      var myHeading = document.querySelector('h1');


      А затем этому элементу пытаетесь изменить свойство:



      myHeading.innerHTML = 'Mozilla is cool, ' + storedName;


      При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;



      Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.






      поделиться|улучшить этот ответ






























        3















        У Вас отcутствует тег h1 в html разметке.



        Это можно понять из сообщения об ошибке и вашего кода:




        В самом начале Вы делаете поиск первого попавшегося h1 на странице



        var myHeading = document.querySelector('h1');


        А затем этому элементу пытаетесь изменить свойство:



        myHeading.innerHTML = 'Mozilla is cool, ' + storedName;


        При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;



        Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.






        поделиться|улучшить этот ответ




























          3












          3








          3








          У Вас отcутствует тег h1 в html разметке.



          Это можно понять из сообщения об ошибке и вашего кода:




          В самом начале Вы делаете поиск первого попавшегося h1 на странице



          var myHeading = document.querySelector('h1');


          А затем этому элементу пытаетесь изменить свойство:



          myHeading.innerHTML = 'Mozilla is cool, ' + storedName;


          При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;



          Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.






          поделиться|улучшить этот ответ
















          У Вас отcутствует тег h1 в html разметке.



          Это можно понять из сообщения об ошибке и вашего кода:




          В самом начале Вы делаете поиск первого попавшегося h1 на странице



          var myHeading = document.querySelector('h1');


          А затем этому элементу пытаетесь изменить свойство:



          myHeading.innerHTML = 'Mozilla is cool, ' + storedName;


          При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML у объекта, который null;



          Если учесть то, что нигде больше изменения значения переменной myHeading не происходит, можно сделать вывод что document.querySelector не нашел то, что искал.







          поделиться|улучшить этот ответ














          поделиться|улучшить этот ответ



          поделиться|улучшить этот ответ








          изменён 15 минут назад

























          ответ дан 21 минуту назад









          Stranger in the QStranger in the Q

          4,735825




          4,735825

























              1














              Вам же ошибка говорит что NULL, и что скрип не может установить NULL.






              const body = document.querySelector('body')
              
let name = prompt('Ok?');
              
console.info(name);
              
body.innerHTML = `<p>${name}</p>`;






              UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.







              поделиться|улучшить этот ответ






























                1














                Вам же ошибка говорит что NULL, и что скрип не может установить NULL.






                const body = document.querySelector('body')
                
let name = prompt('Ok?');
                
console.info(name);
                
body.innerHTML = `<p>${name}</p>`;






                UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.







                поделиться|улучшить этот ответ




























                  1












                  1








                  1







                  Вам же ошибка говорит что NULL, и что скрип не может установить NULL.






                  const body = document.querySelector('body')
                  
let name = prompt('Ok?');
                  
console.info(name);
                  
body.innerHTML = `<p>${name}</p>`;






                  UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.







                  поделиться|улучшить этот ответ















                  Вам же ошибка говорит что NULL, и что скрип не может установить NULL.






                  const body = document.querySelector('body')
                  
let name = prompt('Ok?');
                  
console.info(name);
                  
body.innerHTML = `<p>${name}</p>`;






                  UPD Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.







                  const body = document.querySelector('body')
                  
let name = prompt('Ok?');
                  
console.info(name);
                  
body.innerHTML = `<p>${name}</p>`;





                  const body = document.querySelector('body')
                  
let name = prompt('Ok?');
                  
console.info(name);
                  
body.innerHTML = `<p>${name}</p>`;






                  поделиться|улучшить этот ответ














                  поделиться|улучшить этот ответ



                  поделиться|улучшить этот ответ








                  изменён 32 минуты назад

























                  ответ дан 52 минуты назад









                  doox911doox911

                  679118




                  679118






























                      черновик сохранён

                      черновик удалён




















































                      Спасибо за ваш ответ на Stack Overflow на русском!


                      • Пожалуйста, убедитесь, что публикуемое сообщение отвечает на поставленный вопрос. Предоставьте как можно больше деталей, расскажите про проведенное исследование!

                      Но избегайте …



                      • Просьб помощи, уточнений или ответов на темы не относящиеся к вопросу.

                      • Ответов основанных на мнениях; приводите аргументы основанные только на реальном опыте.


                      Также, обратите внимание на заметку в справочном центре о том, как писать ответы.




                      черновик сохранён


                      черновик удалён














                      StackExchange.ready(
                      function () {
                      StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fru.stackoverflow.com%2fquestions%2f949940%2flocal-storage-uncaught-typeerror-cannot-set-property-innerhtml-of-null%23new-answer', 'question_page');
                      }
                      );

                      Отправить без регистрации















                      Необходима, но никому не показывается





















































                      Необходима, но никому не показывается














                      Необходима, но никому не показывается












                      Необходима, но никому не показывается







                      Необходима, но никому не показывается

































                      Необходима, но никому не показывается














                      Необходима, но никому не показывается












                      Необходима, но никому не показывается







                      Необходима, но никому не показывается







                      -

                      Popular posts from this blog

                      Ponta tanko

                      Image
                      Usona ponta tanko M60A1 Ponta tanko estas, simile kiel kirasita savveturilo, inter specialaj kirasitaj transportiloj. Kiel pontaj tankoj eblas konsideri ĉiujn memmovigaj rimedoj ebligantaj superi obstaklojn ĝis larĝeco 24 metroj rekte en spaco de bataloperacoj. Ties ĉefa tasko estas ebligi al la propraj taĉmentoj daŭrigi en rapida antaŭenirado sen senbezona reteniĝo. El tio pli-malpli rezultas taktikaj-teknikaj postuloj, kiujn ili devas plenumi. Precipe temas pri kapablo operacii komune kun unue-sinsekvaj taĉmentoj kaj transpontigi obstaklojn dum kelke da minutoj. This page is only for reference, If you need detailed information, please check here
                      Read more

                      Tantalo (mitologio)

                      Image
                      Ĉi tiu artikolo temas pri mitologio. Por aliaj signifoj vidu la paĝon Tantalo (apartigilo) . Tantalo , laŭ Gioacchino Assereto. Laŭ la helena mitologio, Tantalo (el la greka Τάνταλος , ŝancelanta aŭ tre malfeliĉa ) estis filo de Zeŭso kaj la oceanidino Pluto, laŭ la plej divastigata versio. Li estis reĝo de Frigio [1] aŭ de la monto Sipilo, en Lidio (Malgrandazio) [2] kaj post sia morto li suferis eternan torturadon ĉe la Tartaro, la plej profunda parto de Hadeso, rezervita por la plej perversaj homoj. Tamen, kelkaj rakontoj asertas ke li estis reĝo de Argo aŭ de Korinto [3] , aŭ ke li migris norden el la monto Sipilo por akiri la tronon de Paflagonio, el kie Ilo forpelis lin pro tio, ke Tantalo forkaptis kaj seksperfortis lian fraton Ganimedon [4] , kaj tiel ofendis la diojn. Verŝajne li ankaŭ regis urbon en okcidenta Anatolio, kiun oni nomis Tantalis [5] pro li, aŭ Sipilo , pro la monto sur kies flanko ankoraŭ staras ĝiaj ruinaĵoj [6] . Laŭ la geografiisto Strabo,
                      Read more

                      Erzsébet Schaár

                      Image
                      Erzsébet Schaár Memportreto de Erzsébet Schaár en Pécs Personaj informoj Naskiĝo 27-an de julio 1908 ( 1908-07-27 ) en Budafok Morto 29-an de aŭgusto 1975 ( 1975-08-29 ) (67-jara) en Budapeŝto Ŝtataneco Hungario Profesio skulptisto Familianoj Edz(in)o Tibor Vilt v   •   d   •   r Erzsébet Schaár [erĵEbet ŝAr], laŭ hungarlingve kutima sinsekvo Schaár Erzsébet estis hungara skulptisto. Ŝia edzo estis Tibor Vilt. Déryné Széppataki Róza en Miskolc fare de Erzsébet Schaár Erzsébet Schaár [1] naskiĝis la 27-an de julio 1908 en Budafok, ŝi mortis la 29-an de aŭgusto 1975 en Budapeŝto. Enhavo 1 Biografio 2 Elektitaj solaj ekspozicioj 3 Elektitaj kolektivaj ekspozicioj 4 Elektitaj skulptaĵoj 5 Elektitaj disĉiploj 6 Fontoj 7 Referencoj Biografio | Erzsébet Schaár studis en Industriarta Lernejo, poste en Reĝa Belarta Altlernejo (1924-1926). Ŝia ĉefinstruisto estis Zsig
                      Read more