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
    54 минуты назад











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

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


















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
    54 минуты назад











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

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
















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






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















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













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




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








изменён 1 час назад







Ross

















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









RossRoss

317




317








  • 2





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

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











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

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
















  • 2





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

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











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

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










2




2





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

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





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

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













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

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







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

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












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 не нашел то, что искал.







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














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



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








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

























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









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






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














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



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








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

























                  ответ дан 1 час назад









                  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

                      Loup dans la culture

                      Image
                      Loups sur une enluminure du Bestiaire d'Aberdeen Le loup est l'animal le plus emblématique de l'histoire de l'Eurasie, il était à l'honneur durant l'Antiquité chez la totalité des anciens peuples européens [ 1 ] . Sommaire 1 Le loup dans la mythologie 2 Les loups dans le folklore 2.1 L'évolution des mentalités 2.2 Le loup dans la psychanalyse 3 Le loup dans les œuvres culturelles 3.1 Le loup dans la littérature 3.1.1 Fables 3.1.2 Poésie 3.1.3 Romans 3.1.4 Littérature jeunesse 3.1.4.1 Quelques titres d'albums contemporains 3.1.5 Bande dessinée 3.2 Le loup à l'écran 3.2.1 Le cinéma et la télévision 3.2.2 Documentaires 3.2.3 Dessins animés 3.2.4 Jeux vidéo 3.3 Le loup en peinture et en sculpture 3.4 Le loup dans les œuvres musicales 4 Le loup et les noms propres 5 Bibliographie 6 Notes et références 7 Voir aussi 7.1 Articles connexes
                      Read more

                      How to solve the problem of ntp “Unable to contact time server” from KDE?

                      Image
                      1 0 I want to set date and time automatically but this error appears when I try to .. I'm using openSUSE, I tried different servers but it didn't work either, help please! It doesn't seem to be a network problem: $ ping pool.ntp.org 64 bytes from 41.78.128.17: icmp_seq=1 ttl=41 time=260 ms To the question of whether ntpd is installed and running: $ ps -C ntpd PID TTY TIME CMD i.e. there's no ntpd process running. $ rpm -qa | grep ntp yast2-ntp-client-3.1.12-1.7.noarch ntp-4.2.6p5-25.2.1.i586 Further information from the comments: $ sudo ntpdate pool.ntp.org 25 Sep 19:41:51 ntpdate[3162]: no server suitable for synchronization found networking kde opensuse ntp ntpd sh
                      Read more

                      ASUS Zenbook UX433/UX333 — Configure Touchpad-embedded numpad on Linux

                      Image
                      0 1 I have an ASUS Zenbook UX433,on which ASUS decided to innovate by embedding a Numpad inside the touchpad (see picture 1). Toggling between classic touchpad mode and numpad (also turns the touchpad LEDs on) can be done through the golden button in the top-right corner of the touchpad. However, on my Manjaro arch Linux config, this behavior does not work by default and I can only use the touchpad, no numpad. Has anyone been able to configure the numpad to work on Linux, or have any idea how this could be achieved? EDIT1: I have had a look at the official Windows drivers for the UX433FA TouchPad, but was not able to make anything of it. I tried installing them on Linux using tools like NDISWrapper, but they do not detect the TouchPad/Numpad hardware, and my understanding of drivers is too limited.
                      Read more