JavaScript笔记
记录一些好用或实用的方法
closest()
closest() 方法可以从点击的目标元素向上查找，直到找到匹配的父元素（或者自身）。
js
document.querySelector('div').addEventListener('click', function (e) {
const spanElement = e.target.closest('span'); // 检查点击的元素是否是 span 或其子元素
if (spanElement) {
console.log('Clicked on span or its children');
}
});insertAdjacentHTML()
基本语法：
js
element.insertAdjacentHTML(position, htmlString)position 参数（字符串类型）：
- 'beforebegin' : 在 element 之前 插入（作为前一个兄弟节点）
- 'afterbegin' : 在 element 内部开头 插入（作为第一个子节点）
- 'beforeend' : 在 element 内部末尾 插入（作为最后一个子节点）
- 'afterend' : 在 element 之后 插入（作为下一个兄弟节点）
htmlString ：要插入的 HTML 字符串（不会自动转义，需防范 XSS 攻击）
对比 innerHTML ，可精确控制插入位置（前、后、内部开头/末尾），动态插入内容，避免覆盖现有 DOM，性能能好