Uncaught TypeError: Cannot read property 'innerHTML' of null

@Goldlog · Регистрация: 23.06.2016

Студворк — интернет-сервис помощи студентам

Ошибка в работе кода:

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

@BANO · 30.06.2016, 16:18

Goldlog, он тупо не смог найти элемент...

@Goldlog · 30.06.2016, 16:21 **[ТС]**

BANO,что может помочь?

@Raisin Zn · 30.06.2016, 16:21

Проверяю, работает...

@Goldlog · 30.06.2016, 17:35 **[ТС]**

Raisin Zn, ну и в чём может быть проблема?

@Raisin Zn · 30.06.2016, 17:41

Goldlog, может чушь спрошу, но быть может у вас на странице есть ещё элемент с таким же id?

@Goldlog · 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>

@BANO · 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;
}

@Goldlog · 01.07.2016, 18:33 **[ТС]**

BANO, спасибо. Не подскажете, как применить сюда функцию FadeIn (для text)?

@BANO · 01.07.2016, 18:35

Goldlog, вам jquery или animate.css?

@Goldlog · 01.07.2016, 18:38 **[ТС]**

BANO, jquery. (FadeIn применить только к text)

@BANO · 01.07.2016, 18:48

Goldlog,

JavaScript
1
$("#texted").fadeIn()

@Goldlog · 02.07.2016, 11:33 **[ТС]**

BANO, каким образом применить его к коду?

@BANO · 02.07.2016, 11:35

Goldlog, я не знаю
можно просто засунуть в код тогда текст появится, но вам наверное что-то другое нужно
потыкайте его в разные места а вось попадёте
я конечно модератор, но скилл гадалки у меня ещё не так сильно прокачен

@Goldlog · 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" был неактивен.

@BANO · 02.07.2016, 14:48

Goldlog, могу сделать по-другому немного

JavaScript
1
2
3
    $("#boldStuff").click(function(){
        $("#texted").stop(1).hide().fadeIn(1500);
    });

@Goldlog · 02.07.2016, 17:46 **[ТС]**

BANO, огромное спасибо!

Новые блоги и статьи Все статьи Все блоги /
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	30.06.2016, 16:18
	Goldlog, он тупо не смог найти элемент... 0

@Goldlog 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

@Goldlog 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

@Goldlog 0 / 0 / 0 Регистрация: 23.06.2016 Сообщений: 17
	01.07.2016, 18:33 [ТС]
	BANO, спасибо. Не подскажете, как применить сюда функцию FadeIn (для text)? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	01.07.2016, 18:35
	Goldlog, вам jquery или animate.css? 0

@Goldlog 0 / 0 / 0 Регистрация: 23.06.2016 Сообщений: 17
	01.07.2016, 18:38 [ТС]
	BANO, jquery. (FadeIn применить только к text) 0

@Goldlog 0 / 0 / 0 Регистрация: 23.06.2016 Сообщений: 17
	02.07.2016, 11:33 [ТС]
	BANO, каким образом применить его к коду? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.07.2016, 11:35
	Goldlog, я не знаю можно просто засунуть в код тогда текст появится, но вам наверное что-то другое нужно потыкайте его в разные места а вось попадёте я конечно модератор, но скилл гадалки у меня ещё не так сильно прокачен 0

@Goldlog 0 / 0 / 0 Регистрация: 23.06.2016 Сообщений: 17
	02.07.2016, 17:46 [ТС]
	BANO, огромное спасибо! 0