js控制css定位样式,css3定位属性

js控制iframe内部css样式

项目中需要对iframe引用的网页进行样式修改，使用js的元素查询功能进行操作，如图中希望对iframe中的ul高度进行操作

//通过contentWindow来查询iframe内部元素

如果是id选择器则值选中一个元素，直接可使用，若使用class等选择器选择的为多个元素，即使实际只有一个元素也需要遍历

此操作必须在window.onload = function(){}内进行

相关问答

Q1: 如何用js控制网页中的css样式

直接使用Medias Query来实现，在css样式表中直接用

@media(min-width:1200px){

/*这里是大于1024的代码。举例如下 ：*/

body{ width:1024px;}

}

兼容所有浏览器，这个实现的叫做响应式布局

Q2: 如何使用js来控制图片的css样式？

这个可以用CSS实现就好了。不必要使用JS

图片放大效果的话，建议用一个额外的 div层放置放大后的图片，这样布局就不会乱了。鼠标放上去就显示这个层。

.img2{

/*这里写你的所有图片都会用到的样式*/

}

.img2:first-child, .img2:last-child{

/*这里写第一个图片和最后一个图片会用到的样式*/

}

.img1:hover .showBigImg{

display:block;

}

对于这个大图的div层的显示，可以稍加js控制，这样就可以所有图片共用一个div层来放置大图。

希望能帮助到你