如何將焦點設置到文本框，而無需使用一個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(); 
}