选择 html 个元素文本作为 JavaScript 的输入
Selecting html elements text as input for JavaScript
var unixtime =356674566
var newDate = new Date();
newDate.setTime(unixtime * 1000);
dateString = newDate.toUTCString();
document.getElementById("time").innerHTML = dateString;
我想将 h1
元素文本(不是输入文本)作为 var unix timestamp 的输入。有什么办法可以做到吗?
您可以给 h1
元素一个 id
并使用 document.getElementById
得到 h1
元素。然后你可以使用 .textContent
来获取 h1
标签内的文本。最后,您可以使用 +
将从 textContent 检索到的字符串转换为数字。
请参阅下面的工作示例:
document.addEventListener('DOMContentLoaded', function() {
var unixtime = +document.getElementById('unix').textContent;
var newDate = new Date();
newDate.setTime(unixtime * 1000);
dateString = newDate.toUTCString();
document.getElementById("time").textContent = dateString;
});
<h1 id="unix">356674566</h1>
<p>Date: <span id="time"></span></p>
var unixtime =356674566
var newDate = new Date();
newDate.setTime(unixtime * 1000);
dateString = newDate.toUTCString();
document.getElementById("time").innerHTML = dateString;
我想将 h1
元素文本(不是输入文本)作为 var unix timestamp 的输入。有什么办法可以做到吗?
您可以给 h1
元素一个 id
并使用 document.getElementById
得到 h1
元素。然后你可以使用 .textContent
来获取 h1
标签内的文本。最后,您可以使用 +
将从 textContent 检索到的字符串转换为数字。
请参阅下面的工作示例:
document.addEventListener('DOMContentLoaded', function() {
var unixtime = +document.getElementById('unix').textContent;
var newDate = new Date();
newDate.setTime(unixtime * 1000);
dateString = newDate.toUTCString();
document.getElementById("time").textContent = dateString;
});
<h1 id="unix">356674566</h1>
<p>Date: <span id="time"></span></p>