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

我有下面的代码，我想用图片和/或一些使用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);

var问候语；
函数myFunction（）{
var time=新日期（）.getHours（）；
如果（时间<10）{
问候语=“早上好”；
} 
否则如果（时间<18）{
问候语=“你好”；
}
否则如果（时间<22）{
问候语=“晚上好”；
} 
否则{
问候语=“晚安”；
}
}
myFunction（）；
var createP=document.createElement（'p'）；
document.getElementById（'demo'）.appendChild（createP）；
createP.innerHTML=问候语；
console.log（createP）；

我用不同的代码创建了所有3个演示

var问候语；
函数myFunction（替换文本）{
var time=新日期（）.getHours（）；
如果（时间<10）{
问候语=“早上好”；
}否则如果（时间<18）{
问候语=“你好”；
}否则如果（时间<22）{
问候语=“晚上好”；
}否则{
问候语=“晚安”；
}
问候语=问候语.replace（/good/gi，replaceText）；
}
我的功能（“测试”）；
var createP=document.createElement（'p'）；
document.getElementById（'demo'）.appendChild（createP）；
createP.innerHTML=问候语
我用不同的代码段创建了所有3个演示


var问候语；
函数myFunction（替换文本）{
var time=新日期（）.getHours（）；
如果（时间<10）{
问候语=“早上好”；
}否则如果（时间<18）{
问候语=“你好”；
}否则如果（时间<22）{
问候语=“晚上好”；
}否则{
问候语=“晚安”；
}
问候语=问候语.replace（/good/gi，replaceText）；
}
我的功能（“测试”）；
var createP=document.createElement（'p'）；
document.getElementById（'demo'）.appendChild（createP）；
createP.innerHTML=问候语
对于多行文字，我用下面的代码（仅部分代码）解决了它。我有一个简单的违反规则。我正在寻找一个选项来添加图像

 greeting = "Nice to meet you! Are you OK? <br> I hope so!";

greeting=“很高兴认识你！你还好吗？
希望如此！”；

为了添加图像，我做了如下操作

 greeting = "Nice to meet you! <br> See ya later <br> and so on";
 greeting+= '<img class="img-fluid" src="src="https://upload.wikimedia.org/wikipedia/en/9/95/Test_image.jpg">';

greeting=“很高兴认识你！
待会儿见
等等”；
问候+=''；
对于多行文字，我用下面的代码（仅部分代码）解决了它。我有一个简单的违反规则。我正在寻找一个选项来添加图像

 greeting = "Nice to meet you! Are you OK? <br> I hope so!";

greeting=“很高兴认识你！你还好吗？
希望如此！”；

为了添加图像，我做了如下操作

 greeting = "Nice to meet you! <br> See ya later <br> and so on";
 greeting+= '<img class="img-fluid" src="src="https://upload.wikimedia.org/wikipedia/en/9/95/Test_image.jpg">';

greeting=“很高兴认识你！
待会儿见
等等”；
问候+=''；
你的意思是用图像替换good的文本吗？我想你可以使用
问候语。replace（）
来实现这一点。你的函数
myFunction
也需要一个返回语句。JavaScript中的每个函数都返回未定义的值，除非另有说明。您的意思是将good的文本替换为image right吗？我想您可以使用
greeting.replace（）
来执行此操作。您的函数
myFunction
也需要一个return语句。JavaScript中的每个函数都返回undefined，除非另有规定。最好在
myFunction
中添加一个更明确的返回语句，这样当在第二个代码段中调用函数时，控制台就不会继续返回undefined了。@TannerDolby我忘了删除控制台这是可以理解的。我很欣赏你使用正则表达式。投赞成票。谢谢你的回复。我测试了所有的例子，但我想有可能有不同的图像和文字的时间基础上。早上好，我希望能够用HTML编写带有不同标记的代码（ul、li、p、div等等，还可以添加img、figcaption标记。Good day或Good night也是如此。我还是不明白你的意思。你能用例子解释一下吗？我会帮你的。如果能在
myFunction
中添加一个更明确的返回语句，控制台在调用函数时不会继续返回“undefined”（未定义）在你的第二个代码段中出现了错误。@TannerDolby错误地忘记了删除console语句。可以理解。我感谢你使用正则表达式。Upvoted.Thx作为你的答复。我测试了所有示例，但我希望能够根据时间使用不同的图像和文本。早上好，能够用HTML w编写代码使用不同的标签（ul、li、p、div等），还可以添加img、figcaption标签。无论是“早安”还是“晚安”，都是一样的。我还是不明白你的意思。你能举例说明我吗？我会帮你的。