嗶嗶one
2022-10-13 09:37:24
假設我有一個引導表單<form><div class='form-group'><input class='form-control' id='name'></div><div class='form-group'><input class='form-control' id='email'></div></form>所以現在我通過它的 id 獲取 name 元素:let name= document.querySelector('#name');現在如何通過這個 'name' 元素獲取 '' 元素在這種情況下,更容易獲取表單(父元素的父元素)。假設我有這么多嵌套的 div,并且很難跟蹤嵌套的 div。所以在這種情況下如何從輸入中獲取表單元素。
1 回答

拉風的咖菲貓
TA貢獻1995條經驗 獲得超2個贊
最近的()方法遍歷元素及其父元素(朝向文檔根),直到找到與提供的選擇器字符串匹配的節點。將返回自身或匹配的祖先。如果不存在這樣的元素,則返回 null。
let name = document.querySelector('#name');
console.log(name.closest('form'));
let name2 = document.querySelector('#name2');
console.log(name2.closest('form'));
<form id="form1">
<div class='form-group'>
<input class='form-control' id='name'>
</div>
<div class='form-group'>
<input class='form-control' id='email'>
</div>
</form>
<form id="form2">
<div class='form-group'>
<input class='form-control' id='name2'>
</div>
<div class='form-group'>
<input class='form-control' id='email2'>
</div>
</form>
添加回答
舉報
0/150
提交
取消