使用javascript中的cssText设置box-shadow样式

最新推荐文章于 2024-04-18 00:45:00 发布

原创最新推荐文章于 2024-04-18 00:45:00 发布 · 3k 阅读

4 ·

CC 4.0 BY-SA版权

html css 专栏收录该内容

18 篇文章

订阅专栏

本文演示了如何使用JavaScript为HTML元素动态设置不同的样式，包括鼠标悬停时的样式变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<pre name="code" class="html"><div id="one"></div>
<script>
　　var one = document.getElementById("one");
　　one.onmouseover = function (){
　　one.style.cssText = "box-shadow: 0 0 10px red";
}
　　one.onmouseout = function (){
　　one.style.cssText = "box-shadow: 0 0 10px green";
}
</script>