出现的问题:想获取script脚本节点后面加载的元素节点,是获取不了的,因为文档的加载是按照文档树的顺序加载的
解决方案:
1.当页面加载完成的事件触发,再去执行获取节点的方式
function fn(){
获取script脚本节点后面加载的元素节点的代码
}
window.onload=fn
2.script async:修饰src如何加载外部js资源的异步属性
注意:代码写到外部js文件中
案例:让box的width、height、fontSize变大两倍
一个失败案例:
获取行内式样式:
1.x.currentSytle.属性(IE6、7、8)
2.x.style.width
问题:行内写的样式可以用js直接获取到,外部写的css样式就获取不到,只能得到一个空的字符串
对此, 官方给了一个方法可以获取css样式:
获取呈现树中的css:window.getComputedStyle(元素节点):它的返回值是一个style对象
所以:正确案例: