local storage : Uncaught TypeError: Cannot set property 'innerHTML' of null
В чем же ошибка ? При том, что данные "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
добавить комментарий |
В чем же ошибка ? При том, что данные "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
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад
добавить комментарий |
В чем же ошибка ? При том, что данные "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
В чем же ошибка ? При том, что данные "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
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад
добавить комментарий |
2
у вас нет h1 в разметке
– Stranger in the Q
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад
2
2
у вас нет h1 в разметке
– Stranger in the Q
1 час назад
у вас нет h1 в разметке
– Stranger in the Q
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад
добавить комментарий |
2 ответа
2
текущие
по дате публикации
голоса
У Вас отcутствует тег
h1
вhtml
разметке.
Это можно понять из сообщения об ошибке и вашего кода:
В самом начале Вы делаете поиск первого попавшегося h1
на странице
var myHeading = document.querySelector('h1');
А затем этому элементу пытаетесь изменить свойство:
myHeading.innerHTML = 'Mozilla is cool, ' + storedName;
При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML
у объекта, который null
;
Если учесть то, что нигде больше изменения значения переменной myHeading
не происходит, можно сделать вывод что document.querySelector
не нашел то, что искал.
добавить комментарий |
Вам же ошибка говорит что 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.helpers.onClickDraftSave('#login-link');
});
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Необходима, но никому не показывается
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
;
Если учесть то, что нигде больше изменения значения переменной myHeading
не происходит, можно сделать вывод что document.querySelector
не нашел то, что искал.
добавить комментарий |
У Вас от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
не нашел то, что искал.
У Вас отcутствует тег
h1
вhtml
разметке.
Это можно понять из сообщения об ошибке и вашего кода:
В самом начале Вы делаете поиск первого попавшегося h1
на странице
var myHeading = document.querySelector('h1');
А затем этому элементу пытаетесь изменить свойство:
myHeading.innerHTML = 'Mozilla is cool, ' + storedName;
При всем этом отладчик Вам сказал, что он не может поменять свойство innerHTML
у объекта, который null
;
Если учесть то, что нигде больше изменения значения переменной myHeading
не происходит, можно сделать вывод что document.querySelector
не нашел то, что искал.
изменён 49 минут назад
ответ дан 55 минут назад
Stranger in the QStranger in the Q
4,735825
4,735825
добавить комментарий |
добавить комментарий |
Вам же ошибка говорит что 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 Как верно подметили в комментарии, проверьте, что нашелся элемент, в который вы вставляете данные.
добавить комментарий |
Вам же ошибка говорит что 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>`;
изменён 1 час назад
ответ дан 1 час назад
doox911doox911
683118
683118
добавить комментарий |
добавить комментарий |
Спасибо за ваш ответ на Stack Overflow на русском!
- Пожалуйста, убедитесь, что публикуемое сообщение отвечает на поставленный вопрос. Предоставьте как можно больше деталей, расскажите про проведенное исследование!
Но избегайте …
- Просьб помощи, уточнений или ответов на темы не относящиеся к вопросу.
- Ответов основанных на мнениях; приводите аргументы основанные только на реальном опыте.
Также, обратите внимание на заметку в справочном центре о том, как писать ответы.
Зарегистрируйтесь или войдите
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Необходима, но никому не показывается
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');
}
);
Отправить без регистрации
Необходима, но никому не показывается
Зарегистрируйтесь или войдите
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Необходима, но никому не показывается
Зарегистрируйтесь или войдите
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Необходима, но никому не показывается
Зарегистрируйтесь или войдите
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
Необходима, но никому не показывается
2
у вас нет h1 в разметке
– Stranger in the Q
1 час назад
Спасибо! Так и не было. все заработало.
– Ross
1 час назад