javascript - 如何在 Javascript 中添加图像或其他文本？

Question

我有下面的代码，我想用图像和/或一些文本、使用 HTML 的表格替换“Good.....”文本。我尝试使用innerHTML，但没有成功。我想我需要一些新变量。

var greeting;
function myFunction() {
    var time = new Date().getHours();
    if (time < 10) {
        greeting = "Good morning";
    } 
    else if (time < 18) {
        greeting = "Good day";
    }
    else if (time < 22) {
        greeting = "Good evening";
    } 
    else {
        greeting = "Good night";
    }
}

myFunction();
var createP = document.createElement('p');
document.getElementById('demo').appendChild(createP);
createP.innerHTML = greeting;
console.log(createP);

Answer 1

我已经用不同的代码片段创建了所有 3 个演示。

var greeting;

function myFunction(replaceText) {
  var time = new Date().getHours();
  if (time < 10) {
    greeting = "Good morning";
  } else if (time < 18) {
    greeting = "Good day";
  } else if (time < 22) {
    greeting = "Good evening";
  } else {
    greeting = "Good night";
  }
  greeting = greeting.replace(/good/gi, replaceText);
}

myFunction("test");
var createP = document.createElement('p');
document.getElementById('demo').appendChild(createP);
createP.innerHTML = greeting;

<div id="demo"></div>

另一种方式

 var greeting;

 function myFunction(replaceText) {
   var time = new Date().getHours();
   if (time < 10) {
     greeting = "Good morning";
   } else if (time < 18) {
     greeting = "Good day";
   } else if (time < 22) {
     greeting = "Good evening";
   } else {
     greeting = "Good night";
   }
   greeting = greeting.replace(/good/gi, replaceText);
 }

 myFunction("test");
 var createP = document.createElement('p');
 document.getElementById('demo').appendChild(createP);
 createP.innerHTML = greeting;

<div id="demo"></div>

var greeting;

function myFunction() {
  var time = new Date().getHours();
  if (time < 10) {
    greeting = "Good morning";
  } else if (time < 18) {
    greeting = "Good day";
  } else if (time < 22) {
    greeting = "Good evening";
  } else {
    greeting = "Good night";
  }

}

myFunction();
greeting = greeting.replace(/good/gi, '<img src="https://upload.wikimedia.org/wikipedia/en/9/95/Test_image.jpg"/>');
var createP = document.createElement('p');
document.getElementById('demo').appendChild(createP);
createP.innerHTML = greeting;

<div id="demo"></div>

替换图片