Я делаю копию этого шаблона:
<template id="inputTemplate">
<div class="input-group input-line mb-1">
<input type="text" class="form-control issues-input" size="40" placeholder="Descripcion..." required>
<div class="input-group-append" id="button-addon4">
<button class="btn btn-outline-secondary add-input" type="button"><i class="fa fa-plus"></i></button>
<button class="btn btn-outline-secondary remove-input" type="button"><i class="fa fa-minus"></i></button>
</div>
</div>
</template>
и хочу добавить класс ко всем элементам в этой копии, которые имеют ".input-line" с этим скриптом
function addFirstAcHidIssue(){
var template = document.getElementById("inputTemplate")
var issues = document.getElementById("ac-hid-issues")
var copy = template.content.cloneNode(true)
issues.appendChild(copy)
issues.querySelector(".input-line").classList.add("aceite-hidraulico-issues")
}
Он добавляет дочерний элемент, но не удалось добавить класс в .input-line
Что я сделал не так?