javascript - .innerHTML() - 比较两种方法(javascript 基础知识)

Question

我开始学习 JavaScript 并一直使用 w3schools 作为我的资源。作为街区的新人，我想问一个谦虚而简单的问题。通俗地说 - 有什么区别:

这段代码

function myFunction() { 
    return "Hello World"
}
document.getElementById('demo').innerHTML = myFunction();

和该代码

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction();

我问的原因是:
我正在做一些练习，通过执行此代码，我正确地得到了最终结果，但是当我单击“显示答案”时，显示的代码是该代码，与我的不同.

除了我的问题 - 哪一个实用，哪一个最适合什么情况？

<小时/>

引用练习link 。

Answer 1

鉴于您描述的代码，

function myFunction() { 
  return "Hello World"
}
document.getElementById('demo').innerHTML = myFunction();

如果 myFunction() 在其他地方执行(例如附加到按钮)，它只会返回字符串“Hello World”。

function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction();

当按上述方式执行 myFunction() 时，它将更改带有 id="demo" 的元素的 HTML。

完整的代码集(包括每个代码的第四行)将执行相同的操作，但每个代码中的函数将提供完全不同的功能。