getElementsByClassName函数不显示日期和时间

时间:2016-05-06 12:24:25

标签: javascript

我知道它也可以通过getElementById函数实现,但我想使用getElementsByClassName函数。

<!DOCTYPE html>
<html>
    <body>

        <h1>Date And Time</h1>

        <button type="button" onclick="document.getElementByClassName('demo').innerHTML=Date()">Click me to display Date and Time.</button>

        <p id="demo"></p>

    </body>
</html> 

我在Java中比较大,所以请帮帮我....谢谢

2 个答案:

答案 0 :(得分:1)

首先,javascript不是java。现在您的问题是您正在使用类名访问p标记,但p标记没有类,

替换

<p id="demo"></p>

<p class="demo"></p>

答案 1 :(得分:0)

getElementsByClassName()返回一个节点列表。 [0]获得第一个。

    <button type="button" onclick="document.getElementsByClassName('demo')[0].innerHTML='Hello'">Click me to display Date and Time.</button>

    <p class="demo"></p>