Javascript 移除div并聚焦其旁边的输入字段

Javascript 移除div并聚焦其旁边的输入字段,javascript,Javascript,我的html是这样的 <td> <input type="text" class="textinput" id="file_descr_0" name="file_descr[0]" value='' /> <div id="mean" onClick="removeElement('mean');">{L_FileDescr}</div> </td> <input type="text" /> <div o

我的html是这样的

<td>
  <input type="text" class="textinput" id="file_descr_0" name="file_descr[0]" value='' />
  <div id="mean" onClick="removeElement('mean');">{L_FileDescr}</div>
</td>
<input type="text" />
<div onClick="removeElementAndFocusInput(this);">stuff</div>

function removeElementAndFocusInput(elem){
    var toRemove = elem;

    toRemove.previousSibling.focus() // set focus to the input

    var parent = toRemove.parentNode;
    parent.removeChild(toRemove); // remove the div
}
我想知道如何使这个删除元素成为动态的,因为有很多div要删除,并且由于这个函数,我必须给每个div一个id

在移除后,我如何聚焦输入字段


谢谢。

您可以传入事件并使用event.target

function removeElement(event) {
    //...
}

onclick只是onclick=“removelement”

您可以传入事件并使用event.target

function removeElement(event) {
    //...
}
onclick就是onclick=“removelement”

{L_FileDescr}
函数删除元素(d2){
var d1=d2.parentNode;
d1.搬迁儿童(d2);
//编辑。此外:
d1.nextSibling.firstChild.focus();
}
{L_FileDescr}
函数删除元素(d2){
var d1=d2.parentNode;
d1.搬迁儿童(d2);
//编辑。此外:
d1.nextSibling.firstChild.focus();
}

如果输入始终是div之前的元素,则可以执行以下操作

<td>
  <input type="text" class="textinput" id="file_descr_0" name="file_descr[0]" value='' />
  <div id="mean" onClick="removeElement('mean');">{L_FileDescr}</div>
</td>
<input type="text" />
<div onClick="removeElementAndFocusInput(this);">stuff</div>

function removeElementAndFocusInput(elem){
    var toRemove = elem;

    toRemove.previousSibling.focus() // set focus to the input

    var parent = toRemove.parentNode;
    parent.removeChild(toRemove); // remove the div
}

东西
函数removeElementAndFocusInput(elem){
var-toRemove=elem;
toRemove.previousSibling.focus()//将焦点设置为输入
var parent=toRemove.parentNode;
parent.removeChild(toRemove);//删除div
}

如果输入始终是div之前的元素,则可以执行以下操作

<td>
  <input type="text" class="textinput" id="file_descr_0" name="file_descr[0]" value='' />
  <div id="mean" onClick="removeElement('mean');">{L_FileDescr}</div>
</td>
<input type="text" />
<div onClick="removeElementAndFocusInput(this);">stuff</div>

function removeElementAndFocusInput(elem){
    var toRemove = elem;

    toRemove.previousSibling.focus() // set focus to the input

    var parent = toRemove.parentNode;
    parent.removeChild(toRemove); // remove the div
}

东西
函数removeElementAndFocusInput(elem){
var-toRemove=elem;
toRemove.previousSibling.focus()//将焦点设置为输入
var parent=toRemove.parentNode;
parent.removeChild(toRemove);//删除div
}

如何聚焦旁边的输入字段?此外,要聚焦输入元素,只需使用d1.firstChild.focus()。是的,我的错误。它根本不是一个函数,因此请删除括号:
d1.nextSibling.firstChild.focus()
d1.getElementsByTagName('input')[0].focus()Shisant没有要求聚焦下一个输入,而是div旁边的输入。如何聚焦它旁边的输入字段?此外,要聚焦输入元素,只需使用d1.firstChild.focus()。是的,我的错误。它根本不是一个函数,因此请删除括号:
d1.nextSibling.firstChild.focus()
d1.getElementsByTagName('input')[0].focus()Shisant没有要求聚焦下一个输入,而是div旁边的输入。如何聚焦它旁边的输入字段?如何聚焦它旁边的输入字段?