使用JS/Javascript将当前日期添加到HTML中

Question

我正在制作一个Note应用程序来学习Polymer，并坚持日期实现。我有一大块代码：

<template>
<style>...</style>
<div class="small-note-style">
[[data.name]]
<div class="date-created"></div>
<div class="small-description">
[[data.description]]
</div>
</div>
</template>
<script>
/**
* @customElement
* @polymer
*/
class NoteSmall extends Polymer.Element {
static get is() { return 'note-small'; }
static get properties() {
return {
data: {
type: Object,
value: undefined
}
}
}
}
window.customElements.define(NoteSmall.is, NoteSmall);
document.getElementsByClassName("date-created").innerHTML = '<p> created on:' + new Date() +</p>;
</script>

我需要得到的是一条文字："创建于2018年7月23日UTC…">

尝试使用最后一行代码，我得到：无法将属性"innerHTML"设置为null；

问题2：有没有办法通过添加当前日期

static get properties() {
return {
data: {
type: Object,
value: undefined
}
}
}

在"数据"obj中添加类似日期的内容：新日期("2018年7月23日"(？

Answer 1

getElementsByClassName返回一个数组。如果您只需要数组的第一个实例，则可以执行以下操作。

const [dateCreated] =   document.getElementsByClassName("date-created");
dateCreated.innerHTML = `<p> created on: ${new Date()}</p>`;

如果你有多个元素具有相同的日期，那么只需循环

document.getElementsByClassName("date-created").forEach(el => {
// do something
});

至于你的第二个问题。更有可能。