Javascript 使css从特定样式表内联，而不是从代码的每个部分内联

我需要一种方法来获取页面中所有HTML元素的特定CSS属性，并使它们内联。我有一个自定义CSS属性，例如：

<style type="text/css">
    h2 { color: red; }
</style>

h2{颜色：红色；}

然后：

<h2>This is my title</h2>

这是我的标题

因此，我需要一个脚本来进行以下更改（并且只进行以下更改）：

这是我的标题

---

有什么想法吗？

我不太清楚您所说的“获取页面中所有HTML元素的特定CSS属性并使其内联”是什么意思。您想做什么

对于单个内联样式，请使用span标记：

My mummy has <span style="color:blue">blue</span> eyes.

我妈妈有一双蓝眼睛。

要设置某些元素的样式，正如上面用户使用jQuery所做的那样，请为要设置样式的每个元素使用class标记：

CSS: .specialStyle{color:#00d；}

HTML:

。。。

如果您只想对h2元素和CSS颜色属性执行此操作，那么以下操作应该可以使用

$('h2').each(function(){
   $(this).css('color', $(this).css('color'));
});

如果您需要其他元素/属性，则需要构建它。

CSS基础：

这将使所有h2标记的文本颜色为红色

<style type="text/css">
    h2 { color: red; }
</style>

<h2>I'm red</h2>
<h2>I'm also red</h2>
<h1>I'm not red</h1>

---

如果将color:red替换为display:inline，那么它们的属性将从红色变为inline。

使用类h2.special{color:red；}如果是一次性使用，或者可以与

API

（API文档）集成以获得动态代码。

$('h2').each(function(){
   $(this).css('color', $(this).css('color'));
});

<style type="text/css">
    h2 { color: red; }
</style>

<h2>I'm red</h2>
<h2>I'm also red</h2>
<h1>I'm not red</h1>

<style type="text/css">
    .chicken { color: red; } /* chicken is the class name*/
</style>

<h2 class = "chicken">I'm red</h2>
<div class = "chicken">I'm also red</div>
<h2>I'm not red</h2>

<style type="text/css">
    #chicken { color: red; }
</style>

<h2 id= "chicken">I'm red</h2>

display:inline