document.querySelector()获取当前标签
时间: 2024-02-06 17:07:24 浏览: 138
`document.querySelector()`方法用于获取文档中与指定选择器或选择器组匹配的第一个元素。它返回一个元素对象,如果没有匹配的元素,则返回`null`。
以下是一个使用`document.querySelector()`方法获取当前标签的示例:
```javascript
const currentTag = document.querySelector(".current");
console.log(currentTag); // 输出匹配的第一个元素对象
```
在上面的示例中,我们使用选择器`.current`来获取具有`current`类的元素。如果有多个元素匹配选择器,`document.querySelector()`方法只返回第一个匹配的元素。
相关问题
video=document.querySelector('video') video.currentTime = video.duration
这段代码是使用JavaScript来控制HTML页面中的视频元素。首先,`document.querySelector('video')`是用来获取页面中第一个`<video>`标签的元素。然后,`video.currentTime`表示当前视频的播放时间,而`video.duration`表示视频的总时长。通过将`video.currentTime`设置为`video.duration`,可以将视频的播放时间设置为视频的总时长,即将视频跳转到最后。
请注意,这段代码只能在包含视频元素的HTML页面中使用,并且需要确保视频已经加载完成才能正确设置播放时间。
``` let box = document.querySelector('div'); ```
这行代码使用了JavaScript的DOM操作,用于获取文档中第一个匹配选择器的元素。
- `let` 是用于声明变量的关键字,这里声明了一个名为 `box` 的变量。
- `document` 是JavaScript中表示当前文档的对象。
- `querySelector()` 是 `document` 对象的方法,用于根据指定的选择器获取文档中的元素。
- `'div'` 是一个选择器,表示要获取的元素是 `<div>` 标签。
综上所述,这行代码的作用是获取文档中第一个 `<div>` 元素,并将其赋值给变量 `box`。