javascript如何判断html标签的类型

Question

我用document.getElementById获取到一个html标签元素后，使用.type属性后是未定义（undefined）。我想问一下我获取到一个元素后如何判断它的类型是一个div标签还是一个img标签或者一个script标签。我想用if判断一下，直接alert的话是[object HTMLDivElement]。虽然中间有个HTML，但我不知道怎么提取出来这个然后判断

Answer 1

在JavaScript中，可以通过访问DOM树来判断HTML标签的类型。DOM树是指文档对象模型，是由浏览器生成的树形结构，表示HTML文档的层次结构。点击学习大厂名师精品课
通过DOM树，我们可以获取到HTML标签的类型，具体的方法如下：
1.使用document对象获取HTML标签
可以通过document对象获取HTML文档中的元素。
2.使用DOM节点的nodeType属性获取HTML标签类型。DOM节点的nodeType属性表示该节点的类型，不同类型对应不同的数字。HTML标签在DOM树中被表示为1，因此可以判断HTML标签类型。
3.使用instanceof关键字判断是否为HTMLElement对象。HTMLElement是JavaScript中表示HTML元素的一个接口，可以使用instanceof判断该元素是否为HTMLElement对象。
需要注意的是，以上方法获取到的是原始的HTML标签类型，例如div、span等，并不包括具体的class和id等属性。如果需要获取元素的class和id等属性，则需要使用其他的方法。
慕课网拥有一支优秀的讲师团队，他们大多数都是行业内知名人士。讲师们的讲解方式简洁明了，配合生动的案例，能够帮助学生更好的理解课程内容。

Answer 2

在javascript中可以通过dom元素的tagName进行判断

1、利用document.getElementById()获取到dom元素

2、获取dom元素的属性tagName

3、如果tagName是INPUT，可以再利用元素的type属性判断具体是哪一种INPUT

示例：

<input id="name" type="text" value="123"/>

方法：

function test(){
    var text = document.getElementById('name');
    var textTagName = text.tagName;//获取标签类型
    if(textTagName == 'INPUT'){//如果是INPUT,判断是何种INPUT,checkbox、text等
        textTagName = textTagName + "," + text.type;
    }
    alert(textTagName);
}

Answer 3

可以通过其他方式取得这个元素，再用tagName获取标签的名称，比如：

document.getElementById("demo").tagName；

Answer 4

你好!!!

alert(  document.getElementById("id").tagName  );

本回答被提问者采纳

Answer 5

使用document.getElementById获取到html标签元素，然后用 document.getElementById("id").tagName 判断。