getElementById,getElementsByClassName,getElementsByTagName,的区别

1.getElementById-------返回对拥有指定 id 的第一个对象的引用。

语法：

document.getElementById(id)

进行二次封装：

function id(x) {
  if (typeof x == "string") return document.getElementById(x);
  return x;
  }
上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，只要在使用前编写 x = id(x) 就可以了。

2.getElementsByTagName--------返回带有指定标签名的对象集合。

语法：

document.getElementsByTagName(tagname)

3.getElementsByClassName/getElementsByName--------返回带有指定名称的类名/对象集合。

语法：

document.getElementsByName(name)

4.document.querySelector("#demo");

获取文档中 id="demo" 的元素

定义和用法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。