获取同级元素的值

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>