如何控制iframe 内的css

html-css028

如何控制iframe 内的css,第1张

1、iframe里的也是一个独立的网页,只有它自己的css或它引用的css才对它有效。

当然你可以在父页面用js来控制。

2、使用css可以设置百分比,如width:100%;

IFRAME 里面的内容是在IFRAME 页面中的,可以使用js精确设置。

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

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

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

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