js内联样式,外联样式
获取内联样式
//html部分
<li style = "width:15px;height:50px">
//js部分
var w = document.querySelector('li').style.width//只能获取行内样式
console.log(w);
// 15px
获取外部样式(css文件)
IE不能使用的方法
//html部分
<div>获取外部样式</div>
//css文件
div{
width:150px;
height:150px;
background-color: pink;
}
//js部分
var div = document.querySelector('div')
var div_style = window.getComputedStyle(div)//获取div的style
var div_w = div_style.width//获取div的宽度
//150px
var w = div.style.width
console.log(w);//此时为''
IE能使用
//js部分
var cssObj = di'v.currentStyle;
console.log(cssObj.width);
父页面获取iframe框架元素返回null
原因:
iframe加载需要时间,为加载完成就在js中直接获取对象,则会返回null
解决方法
var i=document.getElementById("footer");//footer为iframe框架 id名
i.onload=function(){
var footer_ul=i.contentWindow.document.getElementById("footer_ul")//footer_ul为iframe框架的对象
}