javascript - 将 HTML 值导入 Javascript 函数

Question

在 p 类中有一个字符串值，如 <p id="demo">10 hours : 25 minutes : 20 seconds</p> .在这里我想像 10:25:20 一样拆分那个值.这是我的 javascript 函数。

function countdownTimeStart(){
   var countDownDate = new Date("Mar 5, 2018 15:37:25").getTime();

   var x = setInterval(function() {
     something ... 
   }

所以我需要替换 var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime();进入上面10:25:20来自 p 标签。我尝试了以下方式。

var countDownDate = document.getElementById("demo").value;

但它不起作用。谁能帮我解决这个问题。

Answer 1

您需要访问该元素的文本内容。 .value 仅适用于 input 和 textarea。

const digits = document.querySelector('#demo').textContent.match(/\d\d/g);
const time = digits.join(':');
console.log(time);

<p id="demo">10 hours : 25 minutes : 20 seconds</p>