Как использовать первый дочерний элемент списка с createTextNode () - PullRequest
Новая
       27

Как использовать первый дочерний элемент списка с createTextNode ()

0 голосов
/ 25 апреля 2018

Я пытаюсь использовать js, чтобы напечатать первого потомка моего списка, используя createTextNode () и создать h1. Я хочу, чтобы мое предложение гласило: «Синий? Отличный цвет» Тем не менее, мое предложение читает [объект] [объект]? Отличный цвет. Как правильно использовать первого ребенка в моем списке? https://jsfiddle.net/6x9a6rqv/

HTML: 

<div class="list">
  <ul>
    <li><a href="#">Blue</a></li>
    <li><a href="#">Red</a></li>
    <li><a href="#">Green</a></li>
  </ul>
</div>

CSS: 

.list li:first-child {
  font-size: 30px;
}

JS: 

var colour = $('.list li:first-child')

var headerone = document.createElement("H1");
var t = document.createTextNode(colour + '? Great Colour.');
headerone.appendChild(t);
document.body.appendChild(headerone);

Любая помощь будет оценена :)

1 Ответ

0 голосов
/ 25 апреля 2018

В переменной colour имеется ссылка на объект DOM. Чтобы получить его текст, используйте text() метод: 

document.createTextNode(colour.text() + '? Great Colour.')
...