为了账号安全,请及时绑定邮箱和手机立即绑定

为什么不变色- - ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>我们互动下</title>

 <style type="text/css">

    p{

        width:150px;

        height:50px;

        border:1px solid #333;

        padding:5px;

    }

 </style>

  <script type="text/javascript">

    var myvalue = document.getElementById("con");

    function levelup(){

        var mine = confirm("实验阶段");

        if (mine=true){

            myvalue.style.color="red";

            myvalue.style.backgroundColor="pink";

        }

        else{

            document.write("Suprise!");

        }

    }

  </script>



</head>

<body>

 <p id="con">js升级篇</p>

 <form> 

    <input type="button" value="点开有惊喜" onclick="levelup()">

 </form>

</body>

</html>


正在回答

3 回答

js是从上到下 从左至右开始开始渲染的,也就是说浏览器是开始解析你的js再开始构建html的。

另外 还有个问题  if (mine=true){  这里应该是if (mine==true){  

改进方法 1: 将你的script放在body后面

方法2 :使用DOMReady

方法3:window.onload(不推荐,仅测试)

1 回复 有任何疑惑可以回复我~
#1

annynino 提问者

非常感谢!
2015-11-12 回复 有任何疑惑可以回复我~
#2

radicalivva

为什么 window.onload 不推荐使用? 可否解答一下
2015-12-22 回复 有任何疑惑可以回复我~

楼上说得对

0 回复 有任何疑惑可以回复我~

因为你的myvalue.style.color='red';是捕获不到的

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么不变色- - ?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信