Угловой: невозможно прочитать свойство appendChild из undefined

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

app.component.html

<div id = "dashboard" class = "content-fluid aui standalone">
  <cs-sidebar [nav] = "navigation" class = "candisableNav">
  </cs-sidebar>
</div> 

Составная часть

ngAfterViewInit() {
    console.info(this.rd); 
    console.info(this.el); 
    let elem = document.getElementsByClassName('sidebar-header__title')
    console.info(elem)
    let a = document.createElement('p');
    console.info(a)
    a.innerHTML = 'Version 0.5';
    console.info(elem.item(0))
    elem.item(1).appendChild(a);
}

В ngAfterViewInit () AppComponent я пытаюсь добавить тег p в компонент CsSideBarcomponent. elem = document.getElementsByClassName ('sidebar-header__title') обрабатывает тег div, и я могу видеть это в консоли. Но я получаю ошибку «Не удается прочитать свойство appendChild из undefined» для elem.item (1) .appendChild (a). Я нажимаю на индекс 1, так как уже есть элемент с индексом 0, который мне нужен. Я видел сообщения здесь, и делаю то же самое. Любая помощь, пожалуйста