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











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

    – Ross
    38 минут назад


















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











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

    – Ross
    38 минут назад
















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






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















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













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




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








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







Ross

















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









RossRoss

317




317








  • 2





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

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











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

    – Ross
    38 минут назад
















  • 2





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

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











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

    – Ross
    38 минут назад










2




2





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

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





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

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













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

– Ross
38 минут назад







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

– Ross
38 минут назад












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







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














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



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








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

























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









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






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














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



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








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

























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









                  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

                      Knooppunt Holsloot

                      Image
                      Knooppunt Holsloot Kenmerken Wegen A37 × N34 Type knooppunt klaverblad Portaal     Verkeer & Vervoer Knooppunt Holsloot is een verkeersknooppunt op de kruising van de autosnelweg A37 en de N34 in Drenthe, tussen Emmen en Coevorden. Oorspronkelijk was deze aansluiting een afritconstructie van het type Haarlemmermeeraansluiting, zoals bij Knooppunt Hooipolder. Sinds 2002 is het knooppunt omgebouwd tot een volledig klaverblad. Als noviteit werd hier voor het eerst gebruikgemaakt van dimbare verlichting in plaats van de normale vaste tijden waarop de verlichting aan en uit gaat, wat een grote kostenbesparing opleverde. [1] Dat Holsloot als volwaardig knooppunt is uitgevoerd, waarbij alle verkeersstromen en afbuigingen ononderbroken kunnen doorgaan, is uitzonderlijk. Het betreft hier namelijk een aansluiting tussen een autosnelweg en niet-snelweg. Een vergelijkbare situatie treft men nabij Hoensbroek bij het knooppunt Ten Esschen.     Aa
                      Read more

                      Altaar (religie)

                      Image
                      Deel van de serie over kerkelijk gerei waaronder paramenten en liturgisch vaatwerk gebruikt in de liturgie Liturgisch vaatwerk Vasa sacra Miskelk · Pateen Kelklepeltje Ciborie · Monstrans Pyxis · Custodiale Vasa non sacra Ampullen · Wijwatervat Olievaatje Wierookvat · Ablutievat Paramenten Amict · Albe · Baarkleed · Cingel Tuniek · Dalmatiek · Fanon Kazuifel · Manipel · Stola Gremiale · Benedictievelum Mijter Koorkledij Rochet · Superplie Koorkap · Cappa magna Kovel Kelkgerei Bursa · Kelkvelum Ciborievelum Kerklinnen Corporale · Kelkdoekje Lavabodoekje · Palla Altaardwaal Kerkinterieur Altaar · Ambo Biechtstoel · Communiebank Doksaal · Doopvont Faldistorium Godslamp · Hoogaltaar Heilig Kruisaltaar Katheder · Preekstoel Sedilia Tabernakel · Volksaltaar Liturgische boeken Altaarmissaal Benedictionale · Brevier Evangeliarium · Evangelistarium Graduale · Kyriale Lectionarium Psalter · Rituaal Sacramentarium · Volksmissaal Overige Flambou
                      Read more

                      Gregoriusmis

                      Image
                      Een afbeelding van de Gregoriusmis uit een getijdenboek gemaakt in de zuidelijke Nederlanden tussen 1500 en 1525 Gregoriusmis, Meester van het Akense Altaar, ca. 1500-1525. Collectie Museum Catharijneconvent De Gregoriusmis of de Mis van Sint Gregorius is een motief in katholieke kunst, dat het eerst verscheen in de late Middeleeuwen en dat nog steeds werd gebruikt tijdens de contrareformatie. Paus Gregorius I (ca. 540-604) is afgebeeld, de H. Mis opdragend, terwijl Christus als de Man van Smarten verschijnt op het altaar dat voor Sint Gregorius staat. Volgens de legende had St. Gregorius gebeden om een teken voor een betwijfelaar van de transsubstantiatieleer, waarop de lijdende Christus tijdens het opdragen van de Mis verscheen om hem te overtuigen en waarbij zijn bloed in de altaarkelk liep. Vaak zijn ook de passiewerktuigen afgebeeld. Zie de categorie Mass of Saint Gregory van Wikimedia Commons voor mediabestanden over dit onderwerp. This page is onl
                      Read more