js怎么样在第一个span点击获取第二个input的值

js怎么样在点击ShowElement后获取input 123的值？

<tr >
                <td>
                        <span>
                                <span ondblclick="ShowElement(this)"></span><br/>
                        </span>
                </td>
                <td ></td>
                <td>
                        <span >
                                <span ></span><br/>
                        </span>
                </td>
                <td ></td>
                <td ></td>
                <td>
                        <span >
                                <span ></span><br/>
                                <input value="123" type="hidden"/>
                        </span>
                </td>
                <td>
                        <span >
                                <span ></span><br/>
                                <input value="526" type="hidden"/>
                        </span>
                </td>
        </tr>

this.parentNode.parentNode.parentNode.querySelector('input') // 找到事件触发对象所在 table 同一行的第一个 input

参考GPT和自己的思路：

可以使用以下的 JavaScript 代码来实现：

function ShowElement(span) {
  var input = span.nextElementSibling.querySelector('input[type="hidden"]');
  var value = input.value;
  console.log(value);
}

解释一下上述代码：

• 首先定义了一个名为 ShowElement 的函数，接收一个参数 span，代表点击的第一个 <span> 元素。
• 使用 nextElementSibling 方法获取到 span 元素的下一个元素节点，即下一个同级元素节点，也就是包含第二个 <span> 和 <input> 元素的 <span> 元素。
• 使用 querySelector 方法获取到该 <span> 元素内的类型为 hidden 的 <input> 元素。
• 最后获取该 <input> 元素的值并存储到变量 value 中，并可以进一步处理这个值，比如通过 console.log(value) 将它输出到浏览器控制台进行检查。