使用“值”在textarea上设置值不能在nextSibling元素上使用？

Question

这是我的HTML：

 <div class="form-input">
    <select name="planned_use">
      <option value="Foo">foo</option>
      <option value="Bar">bar</option>
      <option value="Other">Something else</option>
    </select><textarea class="other_planned_use" name="other_planned_use" placeholder="We'd love to know more!"></textarea>
 </div>

第一行工作正常（正确地应用了该类并隐藏了textarea），但第二行失败：

var planned_use_select = document.querySelector("select[name=planned_use]");
planned_use_select.addEventListener("change", function() {
    planned_use_select.nextSibling.setAttribute("class", "hidden");
    planned_use_select.nextSibling.value("");
});

第二行产生此错误：

index.js:200 Uncaught TypeError: planned_use_select.nextSibling.value 
is not a function
at HTMLSelectElement.<anonymous> (index.js:200)

为什么我可以使用.setAttribute()但不能使用.value()？

Answer 1

使用planned_use_select.nextSibling.value = ""

value是您可以获取或设置的属性。这不是功能。