先来看一段代码：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="picture1">这个元素的ID是picture1</div>
<script>
var element = document.getElementById("picture1")
console.log(element) // 将获得的element打印到控制台
</script>
</body>
</html>
效果：
看到没有，获得的其实是一个节点（成为Element或者Node节点）。
这句代码的意思其实是通过id来获得页面上叫picture1的元素或者节点。
根据 MDN文档 的说明, 以下三种情况 HTMLElement.offsetParent 会返回 null
所以可以根据 HTMLElement.offsetParent 来判断改节点是否隐藏
如果你要判断的节点恰好 position:fiexed ，那么可以通过 window.getComputedStyle() 判断：
相比第一种方案，第二种会慢很多，如果要做重复的判断，不建议使用第二种
从字面意思上就可以看出element单数，是单个的元素
elements复数，是一组元素
常见的
document.getElementById()
获取的是某一个元素
document.getElementsByTagName()
获取的是一组元素，是一个数组
