Javascript document.getElementById не работает из БД

Я уверен, что мне не хватает чего-то глупого здесь, но я не могу понять это.

В основном я пытаюсь получить имена из своей базы данных, которая работает нормально (я могу показать их на экране), но когда я пытаюсь получить их и сохранить в переменной, это не работает.

вот код:

<% if (data.length){ 
for(var i = 0;i < data.length;i++) { %>
    <p id = "names"><%= data[i].FULLNAME %></p>
    <% }
           }else{ %>
        <p>nothing</p>
    <% } %>
  <script>
      var listOfNames = document.getElementById("names").value
      console.info("list of names" + listOfNames)
      

Теперь мне нужна новая строка после каждого имени, а не рядом друг с другом по одному, например:

спасибо за помощь в продвинутом.

"names" подразумевает несколько результатов, но getElementById() используется для получения одного значения. Почему бы вам не поместить свой результат в переменную вместо того, чтобы запрашивать их косвенно через документ?

Allan Wind 21.12.2020 03:09
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
Раскрытие чувствительных данных
Раскрытие чувствительных данных
Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...
Зод: сила проверки и преобразования данных
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Руководство ChatGPT по продаже мини JS-файлов
Руководство ChatGPT по продаже мини JS-файлов
JS-файл - это файл, содержащий код JavaScript. JavaScript - это язык программирования, который в основном используется для добавления интерактивности...
2
1
160
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно использовать innerText вместо value

const listOfNames = document.getElementById("names").value
console.info("list of names: " + listOfNames)

const correctText = document.getElementById("names").innerText
console.info("list of names: " + correctText)
<p id = "names">whatever</p>

Пожалуйста, примите мое решение, если оно вам помогло :)

IvanD 21.12.2020 03:20

Вы знаете, как я мог бы разделить результаты на новую строку? поэтому вместо name1, name2, name3 стоит name1 (newline), name2 (newline), name3 (newline)

Gianluca 21.12.2020 03:42

Используйте «\n» внутри текста jennifermadden.com/javascript/….

IvanD 21.12.2020 03:47

это не работает. В основном то, что я пытаюсь сделать, это отображение в реальном времени и фильтрация значений из базы данных в строке поиска. поэтому, когда я на самом деле отображаю эти результаты, они все равно отображаются один за другим, а не один под другим. не уверен, что это имеет смысл

Gianluca 21.12.2020 03:49

Я не уверен, что понимаю, но если вы пытаетесь вывести текст в несколько строк, вам нужно создать несколько тегов, например абзацы, HTML-теги, я имею в виду. Простые разрывы текста не будут работать

IvanD 21.12.2020 03:52

я отредактировал свой пост, чтобы объяснить больше. пожалуйста, дайте мне знать, если вам нужна дополнительная информация.

Gianluca 21.12.2020 03:55

Другие вопросы по теме