js 获取 网页元素是否是textarea

在JavaScript中，要判断一个网页元素是否是`textarea`，通常需要获取到该元素，并检查其HTML标签或者相关的属性。以下是一些常用的判断方法：

1. 使用`tagName`属性：这是最直接的方法。`tagName`会返回元素的标签名，是大写的。如果元素是一个`textarea`，则`tagName`将返回`"TEXTAREA"`。

function isTextarea(element) {
    return element.tagName === 'TEXTAREA';
}

2. 检查`nodeType`属性：`nodeType`返回节点的类型，`textarea`元素的`nodeType`值为1，表示是一个元素节点。

function isTextarea(element) {
    return element.nodeType === 1 && element.tagName === 'TEXTAREA';
}

3. 使用`instanceof`运算符：这个方法检查对象是否是一个构造函数的实例。但需要注意，`instanceof`只能用于检查当前文档中的对象，因为它依赖于原型链。

function isTextarea(element) {
    return element instanceof HTMLTextAreaElement;
}

4. 使用`getAttribute`方法：通过获取`tagName`的属性值，然后检查是否为`"textarea"`。这种方法比直接使用`tagName`属性多了一个字符串转换的过程。

function isTextarea(element) {
    return element.tagName.toLowerCase() === 'textarea';
}

5. 使用`Element.matches()`方法：这是一个现代的、推荐的方法，它允许你检查元素是否匹配给定的CSS选择器。

function isTextarea(element) {
    return element.matches('textarea');
}

注意，当你在使用这些方法时，需要确保你已经获取到了正确的DOM元素。例如，你可以通过`document.getElementById()`, `document.querySelector()`, `document.querySelectorAll()`等方法获取元素。