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

Пример кода 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();

}

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

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

2

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

– Stranger in the Q
27 фев в 6:39

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

– Ross
27 фев в 6:48

добавить комментарий |

Пример кода 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();

}

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

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

2

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

– Stranger in the Q
27 фев в 6:39

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

– Ross
27 фев в 6:48

добавить комментарий |

Пример кода 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();

}

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

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

Пример кода 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

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

изменён 27 фев в 6:32

задан 27 фев в 6:13

Ross

388

задан 27 фев в 6:13

Ross

388

задан 27 фев в 6:13

Ross

388

2

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

– Stranger in the Q
27 фев в 6:39

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

– Ross
27 фев в 6:48

добавить комментарий |

2

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

– Stranger in the Q
27 фев в 6:39

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

– Ross
27 фев в 6:48

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

– Stranger in the Q
27 фев в 6:39

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

– Ross
27 фев в 6:48

добавить комментарий |

2 ответа
2

текущие

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

голоса

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

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

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

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

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

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

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

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

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

добавить комментарий |

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

const body = document.querySelector('body')

let name = prompt('Ok?');

console.info(name);

body.innerHTML = `<p>${name}</p>`;

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

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

добавить комментарий |

Ваш ответ

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
});

}
});

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

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

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

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

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

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

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

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

Зарегистрируйтесь или войдите

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

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

Имя

Почта

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

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

текущие

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

голоса

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

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

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

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

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

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

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

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

добавить комментарий |

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

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

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

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

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

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

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

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

добавить комментарий |

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

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

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

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

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

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

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

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

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

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

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

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

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

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

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

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

изменён 27 фев в 7:06

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

ответ дан 27 фев в 7:00

Stranger in the Q

5,352829

добавить комментарий |

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

const body = document.querySelector('body')

let name = prompt('Ok?');

console.info(name);

body.innerHTML = `<p>${name}</p>`;

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

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

добавить комментарий |

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

const body = document.querySelector('body')

let name = prompt('Ok?');

console.info(name);

body.innerHTML = `<p>${name}</p>`;

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

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

добавить комментарий |

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

const body = document.querySelector('body')

let name = prompt('Ok?');

console.info(name);

body.innerHTML = `<p>${name}</p>`;

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

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

Вам же ошибка говорит что 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>`;

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

изменён 27 фев в 6:49

ответ дан 27 фев в 6:29

doox911

718218

ответ дан 27 фев в 6:29

doox911

718218

ответ дан 27 фев в 6:29

doox911

718218

добавить комментарий |

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Зарегистрируйтесь или войдите

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

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

Имя

Почта

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

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

Имя

Почта

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

Зарегистрируйтесь или войдите

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

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

Имя

Почта

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

Зарегистрируйтесь или войдите

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

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

Имя

Почта

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

Зарегистрируйтесь или войдите

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

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

Имя

Почта

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

Имя

Почта

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

Почта

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

Почта

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

Почта

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

Имя

Почта

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

Почта

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

Почта

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

Почта

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

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky