特定のサイトのCSSを変更するChromeのアドオンを作っています。
Qiita.comのコードが書いてある部分のCSSを変更したいのですが、全く変化がありません。
qiita.com.js
javascript
1if(location.host == 'qiita.com') { 2 var target = document.querySelectorAll('.code-frame'); 3 console.log(target); 4 5 for(var i = 0; i < target.length; i++) { 6 target[i].style.backgoundColor = '#d6d6d6'; 7 console.log(target[i].style.backgoundColor); 8 } 9}
manifest.json
json
1{ 2 "name": "Css Changer", 3 "description": "css chaging", 4 "version": "1.0", 5 "manifest_version": 2, 6 "content_scripts": [{ 7 "matches": ["https://www.bloomberg.co.jp/*", "https://qiita.com/*"], 8 "js": ["bloomberg.co.jp.js", "qiita.com.js"], 9 "run_at": "document_end", 10 "all_frames": true 11 }] 12}
console.log(target);
はNodeList(5)
、console.log(target[i].style.backgoundColor);
は#d6d6d6
をコンソールに表示しています。
意図したとおりにCSSを変更するにはどうすればいいですか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。