[已解决]关于JavaScript

三少爷的jian · 发表于 2017-9-9 18:19:55

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Insert title here</title>
<script type="text/javascript">
function numb(){
        var num1 = parseInt(Math.round((Math.random())*20));
        document.getElementById('num1').innerHTML = num1;
}
</script>
</head>
<body onload="numb()">
<div>
        <span id="num1"></span> + <span id="num1"></span> = <br>
</div>
</body>
</html>

运行结果是

为什么只产生了一个数呢。问题出在哪了老铁们

最佳答案

月排行榜 / 总排行榜

不二如是

2017-9-9 19:49:35

本帖最后由不二如是于 2017-9-9 19:54 编辑

id唯一,所以需要指定两回。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Insert title here</title>
    <script type="text/javascript">
        function numb(){
            var num1 = parseInt(Math.round((Math.random())*20));
            document.getElementById('num1').innerHTML = num1;

            var num2 = parseInt(Math.round((Math.random())*20));
            document.getElementById('num2').innerHTML = num2;
        }
    </script>
</head>
<body onload="numb()">
<div>
    <span id="num1"></span> + <span id="num2"></span> = <br>
</div>
</body>
</html>

class不唯一，注意语法：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Insert title here</title>
    <script type="text/javascript">
        function numb(){
            var num1 = parseInt(Math.round((Math.random())*20));
            document.getElementsByClassName("num1")[0].innerHTML = num1;
            document.getElementsByClassName("num1")[1].innerHTML = num1;

        }
    </script>
</head>
<body onload="numb()">
<div>
    <span class="num1"></span> + <span class="num1"></span> = <br>
</div>
</body>
</html>

跳转到最佳答案楼层

ba21 · 发表于 2017-9-9 18:30:19

id 是唯一的吧。

不二如是 · 发表于 2017-9-9 19:49:35

本帖最后由不二如是于 2017-9-9 19:54 编辑

id唯一,所以需要指定两回。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Insert title here</title>
    <script type="text/javascript">
        function numb(){
            var num1 = parseInt(Math.round((Math.random())*20));
            document.getElementById('num1').innerHTML = num1;

            var num2 = parseInt(Math.round((Math.random())*20));
            document.getElementById('num2').innerHTML = num2;
        }
    </script>
</head>
<body onload="numb()">
<div>
    <span id="num1"></span> + <span id="num2"></span> = <br>
</div>
</body>
</html>

class不唯一，注意语法：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Insert title here</title>
    <script type="text/javascript">
        function numb(){
            var num1 = parseInt(Math.round((Math.random())*20));
            document.getElementsByClassName("num1")[0].innerHTML = num1;
            document.getElementsByClassName("num1")[1].innerHTML = num1;

        }
    </script>
</head>
<body onload="numb()">
<div>
    <span class="num1"></span> + <span class="num1"></span> = <br>
</div>
</body>
</html>

账号		自动登录	找回密码
密码			立即注册