第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

輸入元素如何獲得相應(yīng)的父表單?

輸入元素如何獲得相應(yīng)的父表單?

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

1 回答

?
拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

最近的()方法遍歷元素及其父元素(朝向文檔根),直到找到與提供的選擇器字符串匹配的節(jié)點(diǎn)。將返回自身或匹配的祖先。如果不存在這樣的元素,則返回 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>


查看完整回答
反對(duì) 回復(fù) 2022-10-13
  • 1 回答
  • 0 關(guān)注
  • 105 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)