本文主要介紹了JS動態修改網頁body的背景色實例程式碼 ,需要的朋友可以參考下，希望能幫助大家。
大部分網頁預設的背景色為白色，個人感覺比較刺眼，於是寫了個JS的腳本去改變body部分的背景色，程式碼如下：
// ==UserScript==
// @name ChangeBackgroundColor
// @namespace tingl
// @include *
// @version 1
// @grant none
// ==/UserScript==
(function () {
'use strict';
var color = '#ececec';
var style;
function createStyle() {
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'body {background-color: ' + color + ' !important;}';
}
function changeBackgroundColor() {
if(!style.parentNode) document.head.appendChild(style);
}
createStyle();
changeBackgroundColor();
document.head.addEventListener("DOMNodeRemoved",changeBackgroundColor);
}) ()程式碼比較簡單，直接建立了一個body上的css樣式規則，然後加入到head裡，如果網頁內容變化或非同步更新等使樣式被移除時，透過事件監聽機制重新加入到head上。
由於只是簡單地改變了body上的背景色，腳本的適用範圍有限。
相關推薦：
#以上是JS動態修改網頁body的背景色實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！
