如何使用 querySelector 從子元素中選擇父元素？
在我的示例中，HTML 結構是這樣的：
<label>
<input/> <!-- I know only this -->
</label>
而在 html 中，我所知道的只是孩子so input。
如何從子輸入中獲取父級，因此獲取label.
據我所知，這樣做很容易從父母那里得到孩子parent > child
有child < parent嗎？（類似的邏輯）。
如果不可能，querySelector()javascript API還有其他方法嗎？
uj5u.com熱心網友回復：
使用.parentElement或使用.closest()
父元素： https ://developer.mozilla.org/en-US/docs/Web/API/Node/parentElement
如果你只想要父元素。
最接近： https ://developer.mozilla.org/en-US/docs/Web/API/Element/closest
如果你想要特定的標簽（如果使用不當，這可能會給你帶來一些錯誤）
const input = document.querySelector("input");
// you get the same result with these 2
console.log(input.parentElement)
console.log(input.closest("label"))
//------//
// you can use all the method of element like style, classList, etc...
input.parentElement.style.outline = "0.2rem solid red";<label>
<input type="text" /> <!-- I know only this -->
</label>uj5u.com熱心網友回復：
document.querySelector("input").parentElement
uj5u.com熱心網友回復：
首先你可以得到輸入元素，在用函式最接近（）得到父元素之后：
var inputElement = document.querySelector('input');
var label = inputElement.closest('label');
console.log(label)<label>
<input type="text" /> <!-- I know only this -->
</label>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/506899.html
標籤：javascript html jquery 选择器
上一篇：更改按鈕單擊時的復選框值-反應