Почему функция возвращается как ноль при добавлении или устанавливается как textContent?

Question

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

const print_html = (param) => {
  let container = document.querySelector('Container');
  console.log(test_function(param)); // Why does this log the string?
  container.textConent = test_function(param) // ... But the function is null here?
}

const test_function = (name) => {
  return `My name is ${name}`;
};

print_html('Jermaine')

Строка с журналом консоли выведет правильную строку на консоль, как и ожидалось,но почему строка ниже не установит textContent контейнера в строку?

Answer 1

Вы ввели textContent и ваш селектор запросов неверен, он должен быть .container

const print_html = (param) => {
  let container = document.querySelector('.container');
  console.log(test_function(param)); // Why does this log the string?
  container.textContent = test_function(param) // ... But the function is null here?
}

const test_function = (name) => {
  return `My name is ${name}`;
};

print_html('Jermaine')

<div class="container"></div>

Редактировать

Как указано Icepickle Селектор запроса Container может быть правильным, если используется разметка HTML <Container></Container>