js获取原生dom对象
时间: 2024-09-27 08:13:02 浏览: 9
在JavaScript中,获取原生DOM(Document Object Model)对象通常是直接通过HTML元素ID、标签名或其他选择器来完成的。以下是一些常见方法:
1. **通过ID**:
```javascript
var element = document.getElementById('elementId');
```
这里的`elementId`是你想要访问的元素的ID。
2. **通过标签名**:
```javascript
var elements = document.getElementsByTagName('tagName');
```
这将返回所有指定标签名的所有元素,如`getElementsByTagName('div')`会获取所有`<div>`元素。
3. **通过CSS选择器**:
```javascript
var element = document.querySelector('#elementSelector');
```
`elementSelector`可以是一个更复杂的CSS选择器,如`.classOrId`或`#id ~ p`等。
4. **通过`document.querySelectorAll()`或`document.querySelectorAll()`**:
前者返回匹配的第一个元素,后者返回匹配的所有元素数组。
5. **使用框架或库**,如jQuery:
```javascript
var $element = $('#elementId'); // jQuery风格
```
这会返回一个简化了的DOM操作接口。
注意,以上获取的都是原生DOM元素,可以直接进行各种DOM操作。