getElementById C.getElementsByClassName
时间: 2023-11-26 15:48:22 浏览: 107
js通过classname来获取元素的方法
5星 · 资源好评率100%
请注意,问题中提到了两个不同的方法:getElementById和getElementsByClassName。下面我将分别回答这两个方法。
getElementById是一种用于在HTML文档中查找元素的方法。它接受一个参数,即要查找的元素的ID,并返回具有该ID的元素。如果没有具有该ID的元素,则返回null。以下是一个使用getElementById的示例:
```javascript
// HTML代码
<div id="myDiv">Hello World!</div>
// JavaScript代码
var myDiv = document.getElementById("myDiv");
console.log(myDiv.innerHTML); // 输出:Hello World!
```
getElementsByClassName是一种用于在HTML文档中查找元素的方法。它接受一个参数,即要查找的类名,并返回具有该类名的所有元素的集合。以下是一个使用getElementsByClassName的示例:
```javascript
// HTML代码
<div class="myClass">Hello World!</div>
<div class="myClass">Goodbye World!</div>
// JavaScript代码
var myElements = document.getElementsByClassName("myClass");
for (var i = 0; i < myElements.length; i++) {
console.log(myElements[i].innerHTML);
}
// 输出:
// Hello World!
// Goodbye World!
```
阅读全文