注意：據(jù)我所知，該closest()方法在 DOM 樹中搜索與指定 CSS 選擇器匹配的最近元素。當我點擊margin兩個li元素之間的空間..它返回null...但是如果我替換margin-bottom: 15px;為padding-bottom...一切都好...CSS代碼.amenities-filters-inner ul li{     margin-bottom: 15px; }如果我單擊紅色標記區(qū)域，則圖像..找不到兄弟li元素..示例代碼   document.querySelectorAll(".amenities-filters-inner ").forEach(function(item){    item.addEventListener("click",function(e){        e.preventDefault();        let element = null;        element = e.target.closest(".amenity_id");        // element = e.target.querySelector(".amenity_id");         element = element.children[0].children[1];         element.checked == true ? element.checked = false :  element.checked =true;               let dataId =  + element.getAttribute('data-id');        console.log(element)        console.log(dataId)           })}) .amenities-filters-inner{                    border: 2px dashed royalblue;            max-width: 300px;            padding: 1rem;        }        ul{            list-style: none;            width: 100%;            margin: 0;            padding: 0;                   }        li{            border: 2px solid rgb(133, 129, 129);            padding: 3px;        }.amenities-filters-inner:last-child{    margin-bottom: 0;}.amenities-filters-inner ul li{    margin-bottom: 20px;}.amenities-filters-inner ul li:last-child{    margin-bottom: 0;}.check {    display: flex;    align-items: center;    justify-content: space-between;    position: relative;    padding-left: 31px;    margin-bottom: 0;    padding-right: 0;    cursor: pointer;    font-size: 14px;     color: #646464;}.check  strong{    color: #969696;    font-size: 14px;     font-weight: 400;}.check input {    position: absolute;    opacity: 0;    cursor: pointer;}.checkmark {    position: absolute;    top: 0;    left: 0;    height: 17px;    width: 17px;    background-color: #fff ;    border-color: #646464;    border-style:solid;    border-width:1px;    border-radius: 2px;}