DOM——style的操作

112 阅读1分钟

出现的问题:想获取script脚本节点后面加载的元素节点,是获取不了的,因为文档的加载是按照文档树的顺序加载的

解决方案:

1.当页面加载完成的事件触发,再去执行获取节点的方式

function fn(){
获取script脚本节点后面加载的元素节点的代码
 }
window.onload=fn

2.script async:修饰src如何加载外部js资源的异步属性

注意:代码写到外部js文件中

image.png

案例:让box的width、height、fontSize变大两倍

一个失败案例:

image.png

image.png

获取行内式样式:

1.x.currentSytle.属性(IE6、7、8)

2.x.style.width

问题:行内写的样式可以用js直接获取到,外部写的css样式就获取不到,只能得到一个空的字符串

对此, 官方给了一个方法可以获取css样式:

获取呈现树中的css:window.getComputedStyle(元素节点):它的返回值是一个style对象

所以:正确案例:

image.png