js控制iframe内部css样式

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

开化网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

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

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

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

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

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

@media(min-width:1200px){

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

body{ width:1024px;}

}

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

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

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

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

.img2{

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

}

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

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

}

.img1:hover .showBigImg{

display:block;

}

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

希望能帮助到你

分享标题：js控制css定位样式,css3定位属性
分享路径：http://myzitong.com/article/dsedphd.html