Question

我需要将生成的随机数从JS函数传递给html div，但是它无法传递它，这是我的代码片段

<html>
<head>
</head>
<body>
    <button id="order" onclick="getRand()">orderId</button>
    <div id="order_id"></div>

    <script>
        var getRand = function () {
            var elem = Math.floor(Math.random() * 89999 + 10000);
            document.getElementById("order_id").innerHTML = elem.value;
        };
    </script>
</body>
</html>

Answer 1

试试这个：工作示例：

 <html>
        <body>
        <head><h1>CRS</h1></head>
        <button id= "order" onclick="getRand()">orderId</button>
        <div id="order_id">ff</div>

         <script>
         var getRand = function() {
         var elem = Math.floor(Math.random()*89999+10000);
         document.getElementById("order_id").innerHTML = elem;
           };
         </script>
       </body>
      </html>

您只需将elem.value更改为elem

即可

Answer 2

检查此答案它运作良好

var getRand = function() {
     var elem = Math.floor(Math.random()*89999+10000);
     document.getElementById("order_id").innerHTML = elem;
       };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id= "order" onclick="getRand()">orderId</button>
    <div id="order_id">ff</div>

如何将函数的返回值传递给Javascript中的html div

2 个答案: