如何将焦点设置到文本框，而无需使用一个ID指定我有这个网站</p> <pre><code><div> <input /> <span ondblclick="setFocusToInput()">42</span> </div> </code></pre> <p>在<code>setFocusToInput()</code>方法，文本框

Question

，我该如何将焦点设置到输入？

此示例高度简化。实际的html是一个treeview。树视图可以重复上述多次。因此我不能在div，输入或跨度上使用id。

我真正拥有的唯一参考是由ondblclick事件生成的事件。唯一可以确定的是，跨度之前的文本框是与跨度相关的文本框。

树状视图中发生的事情是，用户双击跨度（这是树视图文本），然后树视图取消隐藏文本框，以便用户可以编辑该值。

我需要能够设置焦点到这个文本框。

Answer 1

您可以通过修改setFocusToInput函数取一个参数，并通过将this作为参数

<div> 
    <input /> 
    <span ondblclick="setFocusToInput(this)">42</span> 
</div> 

然后在你的父节点的功能调用它，并找到第一input场

function setFocusToInput(htmlNode) 
{ 
    htmlNode.parentNode.getElementsByTagName("input")[0].focus(); 
}