根的样式如何<；html>；（HTMLHtmlElement）标签工作？
我试图理解为什么下面的根根的样式如何<；html>；（HTMLHtmlElement）标签工作？,html,css,Html,Css,我试图理解为什么下面的根元素的CSS样式是这样工作的 window.onload=function（）{ var counterByElementName={html:0，body:0}； 函数显示（） { document.getElementById（“结果”）.innerHTML=JSON.stringify（counterByElementName，null，“\t”）； } 函数moveListener（事件） { counterByElementName[this.nodeName
window.onload=function（）{
var counterByElementName={html:0，body:0}；
函数显示（）
{
document.getElementById（“结果”）.innerHTML=JSON.stringify（counterByElementName，null，“\t”）；
}
函数moveListener（事件）
{
counterByElementName[this.nodeName.toLowerCase（）]++；
显示（）；
}
document.body.addEventListener（“mousemove”，moveListener）；
document.body.parentNode.addEventListener（“mousemove”，moveListener）；
显示（）；
};
html，正文
{
位置：绝对位置；
左：2米；
顶部：2米；
右：2米；
底部：2米；
}
html
{
边框：2个灰色虚线；
背景：黄色；
}
身体
{
边框：2倍纯红；
背景：橙色；
}
#结果
{
空白：预包装；
}
您提供的JS似乎与您的问题无关。你能删除它和js标签吗，因为它是无关的？@scrasedcola我同意标签是无关的，但是提供的代码似乎与我相关。他质疑
元素的真实边界，特别提到该元素仍然在其边界之外处理鼠标事件。这个问题并不依赖于这些鼠标事件，但它提供了一些额外的信息，更重要的是，它表明OP在提问之前已经调查/研究了这个问题。（第3段）说“根元素的背景成为画布的背景”。事件命中区域，用于确定为哪个鼠标位置触发哪个事件侦听器更有趣。浏览器在工作方式上似乎是一致的，但我找不到它的具体位置。