将样式从内联移动到头部会打断用于显示边框颜色的简单javascript

开始学习web开发，偶然发现了一些简单的东西，在过去的一个小时里我一直在绞尽脑汁。使用

警报

显示

div

元素的边框颜色很简单。它起作用了。但是当我将样式从内联移动到

style

元素时，它不会返回任何内容

工作代码：

函数myFunction（）{
警报（document.getElementById（“myDiv”）.style.borderColor）；
}

这是一个div。


返回边框颜色
仅
样式属性提供内联样式。要获取计算样式，请在基于标准的浏览器上使用
getComputedStyle
（全局函数），或在旧IE上使用
currentStyle
（元素属性）：


函数myFunction（）{
var div=document.getElementById（“myDiv”）；
var style=window.getComputedStyle？getComputedStyle（div）：div.currentStyle；
警告（样式.边框颜色）；
}

#myDiv{
边框：浓密的实绿色；
}
这是一个div。


使用
元素返回边框颜色。style
读取元素的style属性。在第二个示例中，您删除了该属性，这就是它停止工作的原因

要获取应用于需要使用的图元的实际样式，请执行以下操作。此方法的使用示例如下：

var elem = document.getElementById("myDiv");
var styles = window.getComputedStyle(elem);
alert(styles.borderColor);

可能重复的