以下是一个简单的示例:
// 获取元素 var element = document.getElementById("myElement"); // 获取元素的CSS样式 var style = window.getComputedStyle(element); // 输出元素的字体大小 console.log(style.fontSize);
在这个示例中,我们首先通过document.getElementById()
方法获取了一个元素,我们使用window.getComputedStyle()
方法获取了这个元素的CSS样式,我们输出了元素的字体大小。
注意,window.getComputedStyle()
方法返回的是一个只读的CSS样式对象,你不能修改这个对象的属性,如果你需要修改元素的CSS样式,你应该直接修改元素的style
属性,而不是修改window.getComputedStyle()
方法返回的对象。
如果你想修改元素的字体大小,你应该这样做:
// 获取元素 var element = document.getElementById("myElement"); // 修改元素的字体大小 element.style.fontSize = "20px";
在这个示例中,我们首先获取了一个元素,然后修改了它的style
属性,将字体大小设置为"20px"。
还没有评论,来说两句吧...