我在我的javascript中做一个console.log语句,以便记录一个javascript对象.我想知道是否有办法,一旦完成 - 将该对象复制为javascript代码.我要做的是转换使用ajax创建的对象将xml提要解析为静态javascript对象,以便文件可以在本地运行,而无需服务器.我在chrome检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试做的事情.
我今天一直在测试Javascript CSS函数,并注意到当使用.style.cssText时它只给了我用JS设置的CSS.
我想要得到所有的元素的CSS所以我猜我做错了或者可能需要另一个函数而不是像getComputedStyle但是对于整个CSS而不是单个属性值但我找不到搜索时所需要的东西.
所以我的问题是如何从我的代码的最后部分获得完整的CSS,如:
background-color: #ffcccc; font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif; font-size: 13px; color: #ff0000;
Run Code Online (Sandbox Code Playgroud)
而不是输出的当前较短的CSS?
<html>
<head>
<style type="text/css" media="screen">
.MyDiv001 {
background-color: #ffcccc;
font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
.MyDiv002 {
background-color: #ccffcc;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<div id="MyDiv001" class="MyDiv001">This is MyDiv001</div>
<div id="MyDiv002" class="MyDiv002">This is MyDiv002</div>
<br /><hr><br />
<script type="text/javascript">
// Select the MyDiv001 element
var MyDiv001 = document.getElementById("MyDiv001"); // Select MyDiv001
// Set some style property values for …Run Code Online (Sandbox Code Playgroud) 在Google Chrome开发者工具中,您可以右键单击页面HTML中的元素,然后单击复制元素,将元素HTML复制到剪贴板.
我的问题是,有没有办法复制与HTML元素相关的所有CSS规则?