HTML5新增的元素获取方法
时间: 2024-05-15 08:13:14 浏览: 60
HTML5新增了一些元素,其中一些元素的获取方法如下:
1. `<canvas>`:使用 JavaScript 获取 canvas 元素,可以使用以下代码:
```
var canvas = document.getElementById("myCanvas");
```
2. `<video>`:使用 JavaScript 获取 video 元素,可以使用以下代码:
```
var video = document.getElementById("myVideo");
```
3. `<audio>`:使用 JavaScript 获取 audio 元素,可以使用以下代码:
```
var audio = document.getElementById("myAudio");
```
4. `<input type="date">`:使用 JavaScript 获取 input 元素的值,可以使用以下代码:
```
var dateInput = document.getElementById("myDateInput");
var dateValue = dateInput.value;
```
5. `<input type="range">`:使用 JavaScript 获取 input 元素的值,可以使用以下代码:
```
var rangeInput = document.getElementById("myRangeInput");
var rangeValue = rangeInput.value;
```
6. `<progress>`:使用 JavaScript 获取 progress 元素的值,可以使用以下代码:
```
var progressBar = document.getElementById("myProgressBar");
var progressValue = progressBar.value;
```
阅读全文