JavaScript 踩坑指南
1. style 属性只能获取行内样式
通过 style 获取的属性都是行内样式,不能获取内嵌的样式和外链的样式。
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
border: 6px solid red;
}
</style>
</head>
<body>
<div class="box1" style="width: 200px;height: 100px;background-color: pink;"></div>
<script>
const box1 = document.getElementsByTagName("div")[0];
console.log(box1.style.backgroundColor); // pink
console.log(box1.style.border); //没有打印结果,因为这个属性不是行内样式
</script>
</body>
最后更新于
这有帮助吗?