在这个初级Javascript练习中，我找到了两个可能的解决方案（参见下面的代码）:
在控制台(F12)中打印解决方案与通过DOM打印解决方案有什么区别？ 我知道console.log()；严格用于内部测试（针对开发人员）。 但是我什么时候应该使用“document.getElementById”，那是用于DOM操作吗？ 在性能方面，这两者之间还有什么不同吗？
谢了。 下面是我的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Introduction</title>
</head>
<body>
<h1>Introduction</h1>
<p id="Name"></p>
<p id="Surname"></p>
<p id="Age"></p>
<script>
let name = prompt("Introduce your name: ");
let surname = prompt("Introduce your surname: ");
let age = prompt("Introduce your age: ");
//TO PRINT OUT IN CONSOLE
console.log(name + " " + surname + " " + age);
document.getElementById("Name").innerHTML = name;
document.getElementById("Surname").innerHTML = surname;
document.getElementById("Age").innerHTML = age;
</script>
</body>
</html>
您所说的console.log是用于开发的，用于检查变量的值，但它对DOM（页面）没有影响。
document.getElementById将直接更改DOM，这允许您更改实际页面和您决定的元素的值。
希望能帮到你:）
console.log()是一个编写消息以登录调试控制台（如Webkit或Firebug）的函数。 在浏览器中，你不会在屏幕上看到任何东西。 它将消息记录到调试控制台。 它不是一个jQuery特性，而是一个用于调试的特性。 例如，当某些事情发生时，您可以将某些事情记录到控制台。
document.getElementById()方法返回具有指定值的ID属性的元素。 和innerHTML更改所述ID的特定元素的值。
document.GetElementById()修改DOM，但console.log()不读取/写入/修改/更新DOM
如果我想检查某些东西是否在工作，我会使用console.log。 有时，我的函数可以工作，但转换到DOM的过程却不起作用。
如果我使用getElementById，我将无法查看我的函数是否工作或者DOM操作是否工作。
希望这能帮上点忙，我只是个初学者:）
