<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box" class="box"></div>
<div class="box">2</div>
</body>
<script>
const box1 = document.getElementById("box");
console.log("box1:", box1);
const box2 = document.getElementsByTagName("div");
console.log("box2:", box2);
const box3 = document.getElementsByClassName("box");
console.log("box3:", box3);
const box4 = document.querySelector(".box");
console.log("box4:", box4);
const box5 = document.querySelectorAll(".box");
console.log("box5:", box5);
console.log("document.body:", document.body);
console.log("document.documentElement:", document.documentElement);
</script>
</html>
文章来源:https://www.toymoban.com/news/detail-676822.html
文章来源地址https://www.toymoban.com/news/detail-676822.html
到了这里,关于JS 获取 HTML DOM 元素的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!