亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

輸入元素如何獲得相應的父表單?

輸入元素如何獲得相應的父表單?

嗶嗶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>


查看完整回答
反對 回復 2022-10-13
  • 1 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號