如何使用JS删除旧的HTML并追加新的HTML

Question

触发点击事件时，我将使用HTML模板字符串附加元素。如下所示。

for (var j = 0; j < className.length; j++) {
    className[j].addEventListener('click', function() {
        //techniques.deleteChild(); 
        jquery(techniques).empty();
        tmpObj[this.id].forEach((idTechs) => {
                htmlSelect += `<option class="idtechs">${idTechs}</option>`;
            })
            //techniques.appendChild(htmlSelect);
        techniques.innerHTML = htmlSelect;

    });
}

当我单击另一个按钮时，要删除的旧内容并附加新内容。但这会将内容添加到现有内容中。 我尝试过

innerHTML = '',
remove()

但是没有用。