js控制iframe内部css样式_IT百科

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

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

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

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

请看下列代码(已经测试,可行!):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

function OK()

{

// *** 作iframe中内容的CSS

var iframe = document.getElementByIdx('FF')

var body = iframe.contentWindow.document.body

body.style.marginTop = 50

body.style.padding = 0

body.style.fontSize = 30

body.style.textAlign = 'center'

body.style.backgroundColor = 'red'

body.style.color = 'blue'

}

</script>

</body>

</html>

“*”符:用以表示该输入项,读入后不赋予相应的变量，即跳过该输入值。

如:

scanf("%d %*d %d",&a,&b)

当输入为：1 2 3时，把1赋予a，2被跳过，3赋予b。

3) 宽度:用十进制整数指定输入的宽度(即字符数)。

例如：

scanf("%5d",&a)

输入：12345678

只把12345赋予变量a，其余部分被截去。

又如：

scanf("%4d%4d",&a,&b)

输入：12345678

将把1234赋予a，而把5678赋予b。

欢迎分享，转载请注明来源：内存溢出

js控制iframe内部css样式