使用 `textarea.value("")` 設置值會拋出“`TypeError`: `textarea.value` 不是函數”

Question

我正在嘗試將<textarea> ( planned_use_select.nextSibling ) 的value設置為空字符串。

 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(""); });

 <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）但第二行失敗：它產生此錯誤：

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是您可以獲取或設置的屬性。 它不是一個函數。