<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="test"></div>
<script>
var test = document.getElementById('test');
console.log(test);
console.log(test.__proto__);
var test = document.getElementById('test');
console.log(test.nodeName);
console.log(test.tagName);
console.log(document.nodeName);
console.log(document.tagName);
var test = document.getElementById('test');
test.nodeType === Node.ELEMENT_NODE;
document.nodeType === Node.DOCUMENT_NODE;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="box">box</div>
<div class="bar">bar</div>
<div name="main">main</div>
<script>
console.log(document.grtElementById('box'));
console.log(document.grtElementByClassName('bar'));
console.log(document.getElementByTayName('div'));
console.;og(document.getElementByName('main'));
var box = document.getElementById('box');
var divs = document.getElementsByTagName('div');
console.log(divs[0] === bos);
console.log(document.querySelector('div'));
console.log(document.querySelector('#box'));
console.log(document.querySelector('.bar'));
console.log(document.querySelector('div[name]'));
console.log(document.querySelector('div.bar'));
console.log(document.querySelector('div#box'));
</script>
</body>
</html>