javascript中getElementById和createElement之间的区别？_Javascript_Html

javascript中getElementById和createElement之间的区别？

javascript html

javascript中getElementById和createElement之间的区别？,javascript,html,Javascript,Html,几天来我一直在使用javascript。我混淆了getElementById和createElement 提前感谢这是两码事 getElementById使用DOM中的元素id选择元素但是 createElement创建一个可以插入DOM的新元素主要区别在于getElementById将通过其ID属性从DOM中获取一个元素，createElement将创建一个全新的DOM元素假设您有一个包含以下HTML的页面： <!doctype html> <html> &l

几天来我一直在使用javascript。我混淆了getElementById和createElement

提前感谢

这是两码事

getElementById使用DOM中的元素id选择元素

但是

createElement创建一个可以插入DOM的新元素

主要区别在于

getElementById

将通过其ID属性从DOM中获取一个元素，

createElement

将创建一个全新的DOM元素

假设您有一个包含以下HTML的页面：

<!doctype html>

<html>
  <head>
  </head>

  <body>
    <div>Hello, World!</div>
    <div id="message">What a nice day!</div>
  </body>
</html>

您将检索具有

“message”

属性的

id

元素

现在，假设您想向HTML页面添加一个新元素，然后使用

createElement

函数

var newEl = document.createElement("div")

当然，在这个示例中，我们还将新元素存储在一个名为

newEl

的变量中

现在，为了实际附加新元素，我们必须对任何DOM元素调用

appendChild

。为了简单起见，我们将简单地附加到

标记

document.body.appendChild(newEl)

现在，您的页面（至少在浏览器看来）应该是这样的：

<!doctype html>

<html>
  <head>
  </head>

  <body>
    <div>Hello, World!</div>
    <div id="message">What a nice day!</div>
    <div></div>
  </body>
</html>


你好，世界！
多好的一天啊！

此外，方法名称是非常自解释的……这不是一个真正的问题，除非您真的无法判断一个函数通过id获取元素，而另一个函数创建元素。我不记得是哪一个做了什么，但是我被缺少的空格和大写字母弄糊涂了横切DOM元素和创建新元素之间的区别是什么？所有可能的差异，除了您使用的是DOM元素。

<!doctype html>

<html>
  <head>
  </head>

  <body>
    <div>Hello, World!</div>
    <div id="message">What a nice day!</div>
    <div></div>
  </body>
</html>