More than 5 years have passed since last update.

全てHTMLエレメントのスタイルを変更する

Posted at 2016-04-05

１。HTML DOMを使いって、全てHTMLエレメントのスタイルを変更する

var key = "..."
var value = "..."

keyはCSSプロパティです。はCSSプロパティのバリュー
です。例：

var key = "margin"
var value = "10px"

keyがある全てHTMLエレメントのスタイルを検査する。

$('*').filter(function () {
     return $(this).css(key)
})

コンディションで全てHTMLエレメントのスタイルを検査する。

$('*').filter(function () {
     return $(this).css(key)==value
})

全てHTMLエレメントのスタイルを変更する

$('*').filter(function () {
     return $(this).css(key, value)
})

classとid

$('#abc *').filter(function () {
     return $(this).css('margin')
})

innerHTMLはRegexでinlineCSSを変更する

var html = document.body.innerHTML;
html = html.replace(/(?=[^<>]+:|\s*")margin:(?=[^<>]+:|\s*")/g, '');
$(document.body).html();