Question

我想在点击按钮后显示系统日期，但点击按钮后它什么也没显示。我刚开始使用JavaScript而且我不知道自己做错了什么。

＆＃13;

function dateFunc() {
   return this.innerHTML = Date();
}

＆＃13;

<button onclick="dateFunc()">The time is?</button>

＆＃13;

提前致谢。

Answer 1

您必须将this传递给该函数，以便您可以在函数内部引用它：

function dateFunc(thatBtn) {
   return thatBtn.innerHTML = Date();
}

<button onclick="dateFunc(this)">The time is?</button>

Answer 2

问题出在这一行：

return this.innerHTML=Date();

因为this只是一个指向window对象的引用。

改为使用DOM操作。

＆＃13;

function dateFunc() {
   return document.getElementById('result').innerHTML=Date();
}

＆＃13;

<button onclick="dateFunc()">The time is?</button>
<div id="result"></div>

＆＃13;

Answer 3

在dateFunc()内，this是窗口，没有属性innerHTML。

您可以定义一个额外的元素来显示时间，并通过dateFunc()在documnet.getElementById()中获取该时间：

<!DOCTYPE html>
<html>
    <body>

    <button onclick="dateFunc()">The time is?</button>
    <div id="display"></div>

    <script>
        function dateFunc() {
            document.getElementById("display").innerHTML=Date();
        }
    </script>

    </body>
</html>

如何使用JavaScript函数单击按钮返回系统日期？

3 个答案: