繁体   English   中英

p标签中没有显示日期

[英]no display date in p tag

我有一个简单的 html 页面,其中包含以下代码:

 <p id="demo" onload="prtdate()"></p>
    <p id="p1">JAVA SCRIPT</p>
    <button onclick="bigsize()" type="button">Click me to BigSize</button>
    <script>
        function prtdate() {
            document.getElementById("demo").innerText = new Date();
        }
        function bigsize() {
            document.getElementById("demo").style.fontSize = 30px;
        }
    </script>

30px 不在“”中,我知道它必须用“”包围

但我的问题是当留下 30px whiteout "" 为什么 prtdate() 不运行?

即使改变:

        document.getElementById("demo").style.fontSize = 30px;

至:

        document.getElementById("test").style.fontSize = 30px;

prtdate() 中也没有显示日期。

30px 是一个字符串! 我纠正了它,现在结束你的代码正常工作。

 function bigsize() { document.getElementById("demo").style.fontSize = "30px"; //Here the 30px is a string! } const demo = document.getElementById("demo"); document.body.onload = () => demo.innerText = new Date();
 <p id="demo"></p> <p id="p1">JAVA SCRIPT</p> <button onclick="bigsize()" type="button">Click me to BigSize</button>

或者你可以把一切都留在最后是加载脚本...

 function bigsize() { document.getElementById("demo").style.fontSize = "30px"; //Here the 30px is a string! } document.getElementById("demo").innerText = new Date();
 <p id="demo"></p> <p id="p1">JAVA SCRIPT</p> <button onclick="bigsize()" type="button">Click me to BigSize</button>

您应该尝试使用 body 元素。 因为加载整个页面时会触发 load 事件,包括所有依赖资源,例如样式表和图像。 这与 DOMContentLoaded 不同,后者在页面 DOM 加载后立即触发,无需等待资源完成加载。

function bigsize() {
    document.getElementById("demo").style.fontSize = '30px';
}

<body onload="prtdate()">
    <p id="demo"></p>
    <p id="p1">JAVA SCRIPT</p>
    <button onclick="bigsize()" type="button">Click me to BigSize</button>
</body>

希望这有帮助。 谢谢!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM