Javascript 使用html方法的css属性

知道如何使用html方法获取css属性吗

$（文档）.ready（函数（）{
var ans=$（“#你好”）.html（）；
控制台日志（ans）；
});
#您好{
颜色：红色
}

我是迪夫

当我使用html方法ans时，它不包含颜色：红色

没错。这是因为DOM结构中没有任何东西是通过包含颜色的
HTML
方法转换为HTML的，因为它是由CSS样式表规则应用的

DOM或jQuery中都没有内置的方法，可以为您提供一个HTML字符串，用于将当前应用的所有CSS样式规则转换为内联
style
值。如果您想要这样的东西，您必须自己构建它，使用
css
函数（如果您使用jQuery构建它）。
您可以将css样式应用于html标记，如下所示，而无需css样式声明

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
  var ans = $("#hello").html();
  $('#hi').css('color','red');
  console.log(ans);
});
</script>
<div id="hello">
  <div id="hi" >
    I am div
   </div>
</div>


$（文档）.ready（函数（）{
var ans=$（“#你好”）.html（）；
$（'hi'）.css（'color'，'red'）；
控制台日志（ans）；
});
我是迪夫
这将是错误的方法，您应该使用
css（'color'）
，而元素没有颜色，子元素没有您不理解的颜色，但是这就是您要查找的
var ans=$（'hello#hi'）。css（'color'）？你得到颜色，然后你可以使用内联css，然后你可以get@asprin：将
#hello
作为其中的一部分是没有意义的。