我一直在做一个日历测试,但我一直遇到这个问题。我使用方法 toLocaleDateString 创建了一个具有日期的变量。当我尝试更改段落的内部 HTML 时,没有任何反应。这是我的代码:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta charset="utf-8" />
<title>HTML Calendar</title>
<script>
var date = new Date().toLocaleDateString();
document.getElementById("date").innerHTML = date;
</script>
</head>
<body>
<p id="clock"></p>
<div id="cal">
<div id="headmonth"><p id="date"></p></div>
<div id="days"></div>
</div>
</body>
</html>
最佳答案
您正试图在加载 HTML 之前选择该元素。您可以将代码移动到页面末尾,就在 </body>
之前。结束标记,或添加window.onload
功能如:
window.onload = function(){
var date = new Date().toLocaleDateString();
document.getElementById("date").innerHTML = date;
}
像这样,使用这些选项之一,您的脚本将在读取 HTML 后运行,您的选择器将找到 HTML。
Example here在 <body>
末尾使用代码
<强> Example here 在 window.onload 函数中使用代码
关于javascript - 无法将 <p> 的 innerHTML 更改为 LocaleDateString(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22777051/