獲取同級元素的值

Question

我有以下小提琴：

https://jsfiddle.net/q74k8cke/

代碼是這樣的：

<div>
  <input type="number" value="1"/>
  <button onclick="alert(this.parentElement.childNodes[0].value)">Click me</button>
</div>

我遇到的問題是我總是不確定，為什么？ 我嘗試了innerHTML ， text ， value ，都給了我相同的結果。 如果我嘗試執行nodeName得到#text作為輸出。 我到底在做什么錯？

我必須使用純JavaScript和內聯來解決此問題。 不能添加ID

Answer 1

我遇到的問題是我總是不確定，為什么？

因為父級的第一個子節點是其中帶有空格的Text節點，而不是input 。 childNodes包括各種節點，而不僅僅是Element 。

您可以使用children ，它們只是Element的子Element ，但您真正要尋找的是previousElementSibling ，這聽起來像是：上一個兄弟Element是Element （與Text節點， Comment節點等）：

<button onclick="alert(this.previousElementSibling.value)">Click me</button>

現場示例：

 <div> <input type="number" value="1"/> <button onclick="alert(this.previousElementSibling.value)">Click me</button> </div>