bes,
это может создать слишком большую нагрузку (ведь надо искать по всему DOM), но даже не в этом проблема.
Когда мы изменяет стили у body, его дочерние элементы могут тоже откреагировать и вообще поломать всю верстку
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload = function () {
document.getElementById("dg").onclick = function () {
document.body.style.cssText = "position: absolute; top: 20px; width:98%";
document.body.insertAdjacentHTML('afterBegin', '<div style="position: fixed; left: 0; right: 0; top: 0; height: 20px; background-color: #000; width: 98%; margin: auto; z-index: 9999999;"></div>');
};
};
</script>
</head>
<body>
<div style="position: absolute; width: 35px; height: 35px; top: 0; right: 0; left: 0; margin: auto; background-color: #f00;"></div>
<a id="dg" href="#">блок для букмарклета</a>
</body>
</html>