Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
仅使用javascript使用css获取html_Javascript_Css - Fatal编程技术网

仅使用javascript使用css获取html

仅使用javascript使用css获取html,javascript,css,Javascript,Css,我想用css将所有html放在一个div中。大多数css都在外部css文件中的类中 document.getElementById("mydiv") 这只提供了带有内联css的html。 即使来自css文件,也可以以某种方式将带有css的页面呈现为内联页面吗?如果要在div中获取另一个html文档,请使用iframe <iframe src="one.htm" height="200" width="300"></iframe> 在此处使用此功能如何,来源于: 作

我想用css将所有html放在一个div中。大多数css都在外部css文件中的类中

  document.getElementById("mydiv")
这只提供了带有内联css的html。
即使来自css文件,也可以以某种方式将带有css的页面呈现为内联页面吗?

如果要在div中获取另一个html文档,请使用iframe

<iframe src="one.htm" height="200" width="300"></iframe>

在此处使用此功能如何,来源于:

作为一个用例:

var style = css($("#myDiv")); // Retrieve all styles from $("#myDiv")
$("#elementToPutStyleInto").css(style); // Put those styles onto another element.
然后,要获取
中的每个元素:


将两者结合起来以获得所需的信息。

这里是MDN的一个可能解决方案,这是本文

这里是代码

函数getTheStyle(){ var elem=document.getElementById(“elem容器”); var theCSSprop=window.getComputedStyle(elem,null).getPropertyValue(“高度”); document.getElementById(“输出”).innerHTML=theCSSprop; } getTheStyle()
#元素容器{
位置:绝对位置;
左:100px;
顶部:200px;
高度:100px;
}
dummy

获取另一个html文档是什么意思?我只想将html代码作为带有css的字符串,这样我就可以将其传递给我的c#控制器
var style = css($("#myDiv")); // Retrieve all styles from $("#myDiv")
$("#elementToPutStyleInto").css(style); // Put those styles onto another element.
// .find('*') gets every child element.
$('#myDiv').find('*').each(function() {
    // Do stuff here to each element using `this`
    console.log(this);
});