Question

如何获取此javascript以文本形式将结果写在网页上？

document.getElementById("bd").addEventListener("change", function() {
var input = this.valueAsDate;
input.setDate(input.getDate() + 183);
return input;
})

Answer 1

var p = document.createElement("p");
p.innerHTML = input;
document.body.appendChild(p);

这会将输入显示为html文本。它正在做的是创建一个新的段落DOM元素，设置其HTML字段并将其附加到HTML页面的正文中。

Answer 2

将值分配给某些元素的文本。

document.getElementById("bd").addEventListener("change", function() {
  var input = this.valueAsDate;
  if (input) {
    input.setDate(input.getDate() + 183);
    document.getElementById("result").innerText = input;
  }
})

<input type="date" id="bd"> <br>
Date is: <span id="result"></span>

Answer 3

const date = document.getElementById("bd");
const result = document.getElementById("result")

date.addEventListener("change", onDateChange)

function onDateChange() {
  const input = this.valueAsDate;
  
  if (!input) {
    return addToResults('Invalid date')
  }

  addToResults(input.setDate(input.getDate() + 183));
}

function addToResults(value) {
  result.innerText = String(value)
}

<input id="bd" type="date" />
<div id="result"></div>

如何将addeventlistener结果发送到html文本

3 个答案: