@Kapitan21

Как исправить ошибку Cannot set properties of null (setting 'className')?

Поясните пожалуйста,в чем ошибка.
HTML
<p><i id="text">Text</i></p>
<p><input value="Name" id="name"></p>
<p><input value="LastName" id="lastname"></p>
<button id="buttonid">Send</button>
<script src="JsCode.js"></script>
<p><img src="https://i.pinimg.com/originals/3a/49/c1/3a49c13b207c20bdf1fac243a9a8bc6b.png" id="sizeid"></p>
<link rel="stylesheet" href="LearnCSS.css">


CSS
.error {
    color: red;
    width: 300px;
}


.textColor {
    font-size: 30px;
    color: red;
}


JS
function AddError(id) {
  var element = document.getElementById(id)
  element.className = 'error';
}

function AddErrorNext() {
  AddError('name')
  AddError('lastname')
  AddError('sizeid')
}

var clickbutton = document.getElementById('buttonid');

clickbutton.addEventListener('click', AddErrorNext)

function TextI(id) {
  var textel = document.getElementById(id)
  textel.className = 'textColor';
}
function adText() {
  TextI('text')
}
adText();


p.s функция AddErrorNext работает. Вопрос относится к функции adText
  • Вопрос задан
  • 222 просмотра
Решения вопроса 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dollar
@dollar
Делай добро и бросай его в воду.
Для начала:
var textel = document.getElementById(id)
if (!textel) return console.error("HTML id not found:", id);

А дальше методом исключения пробуй и щупай в консоли.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
27 мая 2022, в 21:07
10000 руб./за проект
27 мая 2022, в 20:58
85000 руб./за проект
27 мая 2022, в 20:43
1000 руб./в час