Javascript 将子对象追加到h2类

我希望把这个孩子加入我的h2班。我希望能够将innerHTML中的值粘贴到h2的末尾。我的错误消息是无法读取appendChild的Null属性

function selectMeds（元素）{
//当您将变量设置为element时，它使您能够再次单击thises而不是getElementbyId，并且它只找到第一个变量
让复选框=元素；
//让checkBox=document.getElementById（“medType”）；
//让text=document.getElementById（“text”）；
如果（checkBox.checked==true）{
设hiddenMed=document.querySelector（'.questionMed'）；
hiddenMed.classList.remove（“隐藏”）；
让medName=checkBox.value；
设hiddenmeq=document.querySelector（“hiddenQ”）；
hiddenMedQ.appendChild（medName）；
}否则{
设hiddenMed=document.querySelector（'.questionMed'）；
hiddenMed.classList.add（“隐藏”）；
}
}

你需要再来一杯吗
选择一个选项
对
不

您需要替换

document.querySelector（“hiddenQ”）与
document.querySelector（“.hiddenQ”）
因为
hiddenQ
是一个类，您需要
查询选择器中的
.hiddenQ
。因此，如果
条件将具有此代码块

if (checkBox.checked == true) {
    let hiddenMed = document.querySelector('.questionMed');
    hiddenMed.classList.remove("hidden");
    let medName = checkBox.value;
    let hiddenMedQ = document.querySelector(".hiddenQ");
    hiddenMedQ.appendChild(medName);
}

以下是您要实现的目标的示例：


let hiddenMed=document.querySelector（'.questionMed'）；
设hiddenmeq=document.querySelector（“.hiddenQ”）；
var initialH2=hiddenMedQ.innerHTML；
函数selectMeds（元素）{
让复选框=元素；
如果（checkBox.checked==true）{
hiddenMed.classList.remove（“隐藏”）；
让medName=checkBox.value；
hiddenmeq.innerHTML=initialH2+medName；
}否则{
设hiddenMed=document.querySelector（'.questionMed'）；
hiddenMed.classList.add（“隐藏”）；
hiddenMedQ.innerHTML=initialH2；
}
}
。隐藏{
显示：无；
}

你需要再来一杯吗
选择一个选项
对
不
Tylenol
什么时候调用了
selectMeds
？这让我更接近了！唯一的问题是它没有将药物名称添加到h2中。Tylenol@JaneWheatley检查更新的答案。它会将名称添加到h2@JaneWheatley很高兴能帮助你，所以这工作非常好，但现在我意识到我实际上需要一个新的和不同的下拉列表，每个复选框都有问题。所以如果我选择了两种不同的药物，就会出现两个下拉列表。我想我不能再使用隐藏方法了，但需要附加。您将如何使用下拉列表来执行此操作？非常感谢。