TypeScript или JS- Как выбрать элемент и все его дочерние элементы в HTMLCollection?

Question

Обновлено Код я придумал это:

<section id="Test"> 
    <header>Welcome</header> 
    <p>This is a test</p> 
    <div>Nothing here</div> 
</section> 

var element = document.getElementById("Test"); 
var elements = <HTMLCollection>element.getElementsByTagName("*"); 

Я хочу, чтобы коллекция включает <section>, <header>, <p> и <div> приведенный выше код имеет только <header>, <p> и <div>. Есть ли в любом случае я могу добавить <section> в коллекцию?

Проблема в том, что я хочу включить элемент в коллекцию элементов. Я знаю, что могу использовать externalHTML и поместить его в контейнер temp, а затем получить из него весь элемент, но я ищу более чистый способ.

Answer 1

Вы можете использовать список с разделителями-запятыми: querySelectorAll, где первым элементом является сам элемент.

Это Отрывок использует ваш HTML, чтобы получить раздел Test и его детей: header, p и div:

var elements= document.querySelectorAll('#Test, #Test *'); 
 
console.log(elements.length); //4

<section id="Test"> 
 
    <header>Welcome</header> 
 
    <p>This is a test</p> 
 
    <div>Nothing here</div> 
 
</section>