一,id获得元素
<body>
<div id="div">
id获得元素
</div>
</body>
<script>
let dom = document.getElementById("div");
console.log(dom);
</script>
二,标签名获得元素
<body>
<div>元素一</div>
<div>元素二</div>
</body>
<script>
var divs = document.getElementsByTagName('div');
divs[0].style.color = 'red';
divs.item(1).style.backgroundColor = 'pink';
</script>
三,类名获得元素
<body>
<div class="divClass">元素一</div>
<div class="divClass">元素二</div>
</body>
<script>
var divs = document.getElementsByClassName('divClass');
divs[0].style.color = 'red';
divs.item(1).style.backgroundColor = 'pink';
</script>