// 使用JavaScript将tooltip添加到body末尾的示例 document.querySelectorAll('.tooltip').forEach(tooltip => { tooltip.addEventListener('mouseenter', function(e) { const text = this.getAttribute('data-tooltip'); const tooltipElement = document.createElement('div'); tooltipElement.className = 'global-tooltip'; tooltipElement.textContent = text; document.body.appendChild(tooltipElement); // 定位逻辑 const rect = this.getBoundingClientRect(); tooltipElement.style.left = rect.left + 'px'; tooltipElement.style.top = (rect.top - tooltipElement.offsetHeight - 10) + 'px'; }); tooltip.addEventListener('mouseleave', function() { const tooltipElement = document.querySelector('.global-tooltip'); if (tooltipElement) { document.body.removeChild(tooltipElement); } }); });