Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.90/21: Рейтинг темы: голосов - 21, средняя оценка - 4.90
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17

Uncaught TypeError: Cannot read property 'innerHTML' of null

30.06.2016, 16:11. Показов 4417. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ошибка в работе кода:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/JavaScript'>
     function verocultar(cual)  {
          if(document.getElementById('boldStuff').innerHTML == 'link2') {
               document.getElementById('boldStuff').innerHTML = 'link1';
          } else {
               document.getElementById('boldStuff').innerHTML = 'link2';
          }
var c=cual.nextSibling;
          if(c.innerHTML=='text2') {
               c.innerHTML='text1';
          } else {
               c.innerHTML='text2';
          }
          return false;
          }
</script>
<a  id='boldStuff' onclick="return verocultar(this);"
     href="javascript:void(0);">link1</a><div>text1</div>
При нажатии "link1" он меняется на "link2", но "text1" не меняется на "text2".
В чём проблема? На atmpl.ru/test/html/html-test.html всё работает.

Ошибка в консоле:
Uncaught TypeError: Cannot read property 'innerHTML' of null
verocultar @ 258:41
onclick @ 258:48
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.06.2016, 16:11
Ответы с готовыми решениями:

Ошибка Uncaught TypeError: Cannot set property 'innerHTML' of null
как исправить её?

Uncaught TypeError: Cannot read property 'html' of null
Выдает ошибку - function getvalues () { $.post(&quot;/autoisk/getvalues.php&quot;,{ name:selectedcompany , summma:...

Uncaught TypeError: Cannot read property 'click' of undefined
Давно не писал на javascript и тут пришлось. и так у меня есть проблема, ну никак не пойму почему появляется ошибка Uncaught TypeError:...

16
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.06.2016, 16:18
Goldlog, он тупо не смог найти элемент...
0
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
30.06.2016, 16:21  [ТС]
BANO,что может помочь?
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
30.06.2016, 16:21
Проверяю, работает...
0
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
30.06.2016, 17:35  [ТС]
Raisin Zn, ну и в чём может быть проблема?
0
 Аватар для Raisin Zn
101 / 100 / 51
Регистрация: 19.04.2011
Сообщений: 965
30.06.2016, 17:41
Goldlog, может чушь спрошу, но быть может у вас на странице есть ещё элемент с таким же id?
1
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
01.07.2016, 16:54  [ТС]
Raisin Zn, элементов с таким же id на странице нет.


В итоге решил проблему немного переделав код:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type='text/JavaScript'>
     function verocultar(cual)  {
          if(document.getElementById('boldStuff').innerHTML == 'link2') {
               document.getElementById('boldStuff').innerHTML = 'link1';
          } else {
               document.getElementById('boldStuff').innerHTML = 'link2';
          }
          if(document.getElementById('texted').innerHTML=='text2') {
               document.getElementById('texted').innerHTML='text1';
          } else {
               document.getElementById('texted').innerHTML='text2';
          }
          return false;
     }
</script>
<a  id='boldStuff' onclick="return verocultar(this);"
     href="javascript:void(0);">link1</a><div id=texted>text1</div>
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
01.07.2016, 17:05
Goldlog, это всё можно и покороче написать
JavaScript
1
2
3
4
5
function verocultar(cual)  {
  document.getElementById('boldStuff').innerHTML = document.getElementById('boldStuff').innerHTML == 'link2' ? 'link1' : 'link2';
  document.getElementById('texted').innerHTML = document.getElementById('texted').innerHTML=='text2' ? 'text1' : 'text2';
  return false;
}
1
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
01.07.2016, 18:33  [ТС]
BANO, спасибо. Не подскажете, как применить сюда функцию FadeIn (для text)?
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
01.07.2016, 18:35
Goldlog, вам jquery или animate.css?
0
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
01.07.2016, 18:38  [ТС]
BANO, jquery. (FadeIn применить только к text)
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
01.07.2016, 18:48
Goldlog,
JavaScript
1
$("#texted").fadeIn()
0
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
02.07.2016, 11:33  [ТС]
BANO, каким образом применить его к коду?
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
02.07.2016, 11:35
Goldlog, я не знаю
можно просто засунуть в код тогда текст появится, но вам наверное что-то другое нужно
потыкайте его в разные места а вось попадёте
я конечно модератор, но скилл гадалки у меня ещё не так сильно прокачен
0
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
02.07.2016, 13:21  [ТС]
Готовый код с FadeIn:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type='text/JavaScript'>
function verocultar(cual)  {
  document.getElementById('boldStuff').innerHTML = document.getElementById('boldStuff').innerHTML == 'link2' ? 'link1' : 'link2';
  document.getElementById('texted').innerHTML = document.getElementById('texted').innerHTML=='text2' ? 'text1' : 'text2';
  return false;
}
</script>
 
<a  id='boldStuff' onclick="return verocultar(this);"
     href="javascript:void(0);">link1</a><div id=texted>text1</div>
 
<script>
$(document).ready(function(){
    $("#boldStuff").click(function(){
        $("#texted").fadeOut(0);
        $("#texted").fadeIn(1500);
    });
});
</script>
BANO, не знаете, как сделать, чтобы "text", нажимая несколько раз подряд на "link", не "мелькал" (много раз исчезал и появлялся)? То есть, чтобы пока выполнялась анимация "link" был неактивен.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
02.07.2016, 14:48
Goldlog, могу сделать по-другому немного
JavaScript
1
2
3
    $("#boldStuff").click(function(){
        $("#texted").stop(1).hide().fadeIn(1500);
    });
1
0 / 0 / 0
Регистрация: 23.06.2016
Сообщений: 17
02.07.2016, 17:46  [ТС]
BANO, огромное спасибо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
02.07.2016, 17:46
Помогаю со студенческими работами здесь

Uncaught TypeError: Cannot read property 'show' of undefined
Здравствуйте, в ходе работы столкнулся с такой ошибкой как Uncaught TypeError: Cannot read property 'show' of undefined не могу понять ...

Uncaught TypeError: Cannot read property 'top' of undefined
Добрый день, решил поставить плагин simple scroll follow.Возникает ошибка&quot;uncaught TypeError: Cannot read property 'top' of...

Ошибка при скролле страницы: Uncaught TypeError: Cannot read property 'top' of undefined
Доброго времени суток. Написал скрипт посекционной прокрутки лендинга, скрипт работает, но в консоли появляется ошибка. которая...

Uncaught TypeError: Cannot read property 'addEventListener' of null
Приветствую всех, такая проблема: Пишу небольшой калькулятор стоимости определённого продукта. На первой странице висят обработчики на...

Uncaught TypeError: Cannot read property 'style' of null
Доброго времени суток! Есть список, и две кнопки, по нажатию на одну из них список уезжает влево и прозрачность становится 0, при нажатии...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru