当前位置：首页 > 行业动态 > 正文

js 如何获取html便签 typeof

admin
行业动态
2024-04-01
8

在JavaScript中，typeof操作符用于获取一个变量或值的类型，对于HTML元素，我们可以使用document.querySelector方法来获取它们，然后使用typeof操作符来检查它们的类型。

以下是一个简单的示例：

1、我们需要创建一个HTML元素，例如一个<div>标签：

Markup

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="myDiv">Hello, World!</div>
    <script src="script.js"></script>
</body>
</html>

2、在script.js文件中，我们可以使用以下代码来获取<div>元素并检查其类型：

JavaScript

// 获取HTML元素
const myDiv = document.querySelector('#myDiv');
// 使用typeof操作符获取元素的类型
const typeOfMyDiv = typeof myDiv;
// 输出元素的类型
console.log(typeOfMyDiv); // 输出 "object"

在这个例子中，我们首先使用document.querySelector方法获取了ID为myDiv的<div>元素，我们使用typeof操作符获取了这个元素的类型，并将其存储在typeOfMyDiv变量中，我们使用console.log输出了这个元素的类型，结果为"object"。