Dom 解析和 JavaScript 执行

Dom parsing and javascript execution

本文关键字：JavaScript 执行 Dom      更新时间：2023-09-26
<script src="mmm.js"></script>
<style>
 #box{
    width:150px;
    height:150px;
    background-color:red;
 }
</style>
</head>
<body>
  <div id="box"></div>
</body>

和 mmm.js 文件

$('#box').css("background-color","black");

为什么上面的代码有效？以下代码不起作用：

<script>
  $('#box').css("background-color","black");
</script>
<div id="box"></div>

这是合理的，因为脚本不知道box。外部脚本如何知道box，因为它被放置在body之上并在解析<div id="box"></div>之前执行？

我尝试了您的代码，但对我来说它不起作用。无论哪种方式，框都不会改变背景。

您应该做的是在将背景切换为黑色之前确保页面已完全加载：

$( document ).ready(function() {
     $('#box').css("background-color","black");
});

您可以将其放在.js文件中或HTML中。

相关文章：