html 变换class,class样式转换为行内样式

你好，可以这样试试

Title

div {

background-color: #fff;

}

.div {

background-color: #000;

color: blue;

}

你好，可以这样试试

var div = document.querySelector('.div')

var style = window.getComputedStyle(div, null)

console.log(style);

for (var k in style) {

if (isNaN(k) && k != 'cssText') {

if (style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]) {

delete div.style[k]

} else {

// console.log('--------------');

// console.log(style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]);

// console.log(style[k], 'value');

// console.log(k, 'k');

// console.log('--------------');

div.style[k] = style[k];

}

}

}