突出显示HTML元素的纯JavaScript代码

element.style.backgroundColor = "#FDFF47";

#FDFF47是一种很好的黄色阴影,非常适合突出显示。

编辑以便澄清: 你太复杂了。如果您想还原以前的背景色,只需存储 element.style.backgroundColor 稍后访问。

如果您在支持CSS的浏览器中调试 outline ,一个简单的解决方案是:

myElement.style.outline = '#f00 solid 2px';

function highlight(element) {
    var div = highlight.div; // only highlight one element per page

    if(element === null) { // remove highlight via `highlight(null)`
        if(div.parentNode) div.parentNode.removeChild(div);
        return;
    }

    var width = element.offsetWidth,
        height = element.offsetHeight;

    div.style.width = width + 'px';
    div.style.height = height + 'px';

    element.offsetParent.appendChild(div);

    div.style.left = element.offsetLeft + (width - div.offsetWidth) / 2 + 'px';
    div.style.top = element.offsetTop + (height - div.offsetHeight) / 2 + 'px';
}

highlight.div = document.createElement('div');

// set highlight styles
with(highlight.div.style) {
    position = 'absolute';
    border = '5px solid red';
}

你用萤火虫吗?这使得识别DOM元素变得非常简单,并在您浏览DOM时在页面中突出显示它们。