为什么在＆lt; select＆gt;中使用append（）元素仅附加字符串？使用jQuery append（）可以附加AN＆lt; option＆gt;

Question

我不确定为什么我必须使用jquery.append（）添加一个元素。

我以为有一个元素。

 var currentOption =`<option id="startTimeDisplay" style="outline-color:light-blue" disabled selected value="${timeValue}">${timeValue}</option>`

const elemStartTime = document.querySelector("#startTimeSelector");
elemStartTime.append(currentOption)
console.log(elemStartTime)

<select  id='startDateSelect' class="browser-default right-align color-#e8eaf6 indigo lighten-4 ">
     "<option id="startDateDisplay" value="" disabled selected></option>"
  </select>

这甚至没有出现在HTML

vs 上 使用jQuery可以正常工作。

$('#startTimeSelector').append(currentOption);

<select  id='startDateSelect' class="browser-default right-align color-#e8eaf6 indigo lighten-4 ">
     <option id="startDateDisplay" value="" disabled selected></option>
  </select>