js获取元素的六种方法

1. 通过ID获取：使用document.getElementById()方法获取元素。

2. 通过标签名获取：使用document.getElementsByTagName()方法获取元素。

3. 通过类名获取：使用document.getElementsByClassName()方法获取元素。

4. 通过选择器获取：使用document.querySelector()方法获取元素。

5. 通过父元素获取子元素：使用父元素的querySelector()或querySelectorAll()方法获取子元素。

6. 通过name属性获取：使用document.getElementsByName()获取元素。

相关问题

js获取dom元素的方法

在JavaScript中获取DOM元素的方法有以下几种：

1. getElementById()：通过元素的id属性获取元素。

2. getElementsByClassName()：通过元素的class属性获取元素，返回一个HTMLCollection对象。

3. getElementsByTagName()：通过元素的标签名获取元素，返回一个HTMLCollection对象。

4. querySelector()：通过选择器获取一个元素，返回第一个匹配的元素。

5. querySelectorAll()：通过选择器获取所有匹配的元素，返回一个NodeList对象。

例如，通过id获取元素：

var element = document.getElementById("myElement");

通过class获取元素：

var elements = document.getElementsByClassName("myClass");

通过标签名获取元素：

var elements = document.getElementsByTagName("div");

通过选择器获取元素：

var element = document.querySelector("#myElement");
var elements = document.querySelectorAll(".myClass");

js获取元素的标签名实现方法

你可以使用JavaScript中的`tagName`属性来获取元素的标签名。以下是一种实现方法：

var element = document.getElementById("elementId"); // 假设你要获取的元素的ID为"elementId"
var tagName = element.tagName;
console.log(tagName); // 输出元素的标签名

上述代码中，首先通过`getElementById`方法获取到指定ID的元素，然后使用`tagName`属性获取元素的标签名，并将其打印到控制台上。

请注意，`tagName`属性返回的是大写字母形式的标签名，例如`DIV`、`P`等。如果你需要获取小写字母形式的标签名，可以使用`toLowerCase()`方法进行转换。例如：

var element = document.getElementById("elementId");
var tagName = element.tagName.toLowerCase();
console.log(tagName);

这样就可以获取到小写字母形式的标签名了。