D3: недавно созданный элемент выбора не работает?

#d3.js

#d3.js

Вопрос:

Я создаю элемент через d3, затем пытаюсь выбрать его для регистрации сообщения консоли / предупреждения :

 _body = d3.select("body");
_body.append("p")
    .attr("class","say-hello");
  
alert(_body.selectAll('.say-hello').length)
console.lof(_body.selectAll('.say-hello').length)  
 p {
  width: 20px;
  height: 20px;
  display: block;
  background-color: red;
}  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>  

Он возвращается undefined . Между тем, я вижу элемент на своем экране и dom. Что я пропускаю?

Комментарии:

1. Выделение не является массивом, чтобы увидеть, сколько элементов в нем вы можете использовать selection.size() в отличие от selection.length

2. Вывод…. Спасибо!