Согласно эта статья уже возможно реализовать поточную обработку JavaScript.
element.style.backgroundColor = "#FDFF47";
# FDFF47 - приятный оттенок желтого, который кажется идеальным для выделения.
Отредактируйте для пояснения: Вы слишком усложняете вещи. Если вы когда-нибудь захотите восстановить предыдущий цвет фона, просто сохраните element.style.backgroundColor
и получите к нему доступ позже.
Если вы отлаживаете в браузер, который поддерживает схему CSS
, вот одно простое решение:
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';
}
Вы используете Firebug? Это позволяет очень просто идентифицировать элементы dom и выделять их на странице, когда вы проходите через dom.