擬似要素意外ならこんな感じで。
div {
background-image: url(https://via.placeholder.com/728x590.png?text=placehold);
height: 100vh;
}
JavaScript
1document.querySelectorAll( 'body, body *' ).forEach( e=> {
2 const a = window.getComputedStyle( e, null );
3 if ( a['background-image'] != 'none' ) e.style.backgroundImage = a['background-image'].replace( '=placehold', '=fix' );
4} );
5```**動くサンプル:**[https://jsfiddle.net/odqs2aze/](https://jsfiddle.net/odqs2aze/)
6
7---
8
9【Document.querySelectorAll() | MDN】
10[https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
11
12【window.getComputedStyle | MDN】
13[https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle](https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle)
14
15【window.getComputedStyle() で要素のスタイルを取得する - Qiita】
16[https://qiita.com/amamamaou/items/bb79bec002a6ff033810](https://qiita.com/amamamaou/items/bb79bec002a6ff033810)
17
18---
19
20`::before,::after` も getComputedStyle で採れますが、CSSの変更は出来ないので、style要素を別途作って現在の指定より詳細度が勝るように処理して追加すれば出来るとは思います。
21
22【JavaScript - JavaScriptで":after","before"などの擬似要素のCSS変更は可能ですか?|teratail】
23[https://teratail.com/questions/101337](https://teratail.com/questions/101337)
24
25【!importantはもう使わない!CSSの優先順位をおさらいしよう | アライドアーキテクツのクリエイターブログ】
26[http://creator.aainc.co.jp/archives/4947](http://creator.aainc.co.jp/archives/4947)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/10 03:32