深入浅出 Greasemonkey

例 4.14. 在页面顶部加上标语

var logo = document.createElement("div");
logo.innerHTML = '<div style="margin: 0 auto 0 auto; ' +
	'border-bottom: 1px solid #000000; margin-bottom: 5px; ' +
	'font-size: small; background-color: #000000; ' +
	'color: #ffffff;"><p style="margin: 2px 0 1px 0;"> ' +
	'YOUR TEXT HERE ' +
	'</p></div>';
document.body.insertBefore(logo, document.body.firstChild);

关键的地方是第二行，在这行我将 logo.innerHTML 设置为字符串。Firefox 将这个字符串解析成 HTML 然后创建所有必需的对象，就像它重新加载一个页面一样。这样我就可以将我的新 logo (一个 <div> 包含另一个 <div>，这个 <div> 包含有一个 <p>)插入到页面的任何位置 — 页面开始，结尾或者我选择的任意元素之前或其后。总之，页面上任何位置。