仅使用javascript使用css获取html
我想用css将所有html放在一个div中。大多数css都在外部css文件中的类中仅使用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> 在此处使用此功能如何,来源于: 作
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);
});