HTML DOM Time 对象

HTML <time> 元素用于表示日期或时间信息。它可以包含一个日期、时间或日期时间值。在 JavaScript 中，我们可以使用 DOM 来操作 <time> 元素。

获取 <time> 元素

要获取 <time> 元素，我们可以使用 document.querySelector() 方法并传入相应的 CSS 选择器来获取元素。

const timeElement = document.querySelector('time');

获取 <time> 元素的属性值

我们可以使用 getAttribute() 方法来获取 <time> 元素的属性值，如 datetime 属性。

const datetimeValue = timeElement.getAttribute('datetime');
console.log(datetimeValue);

设置 <time> 元素的属性值

我们可以使用 setAttribute() 方法来设置 <time> 元素的属性值。

timeElement.setAttribute('datetime', '2021-09-01');

获取 <time> 元素的文本内容

我们可以使用 textContent 属性来获取 <time> 元素的文本内容。

const textContent = timeElement.textContent;
console.log(textContent);

设置 <time> 元素的文本内容

我们可以使用 textContent 属性来设置 <time> 元素的文本内容。

timeElement.textContent = 'September 1, 2021';

以上是关于如何在 JavaScript 中操作 HTML <time> 元素的一些基本方法。在实际开发中，我们可以根据具体需求来进一步扩展和应用这些方法。