Javascript 移除div并聚焦其旁边的输入字段
我的html是这样的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
<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旁边的输入。如何聚焦它旁边的输入字段?如何聚焦它旁边的输入字段?