div 定义一个 data-type 怎么获取data-type 属性值 示例代码
时间: 2023-11-28 21:48:52 浏览: 43
我们可以使用 JavaScript 中的 `getAttribute()` 方法来获取 `data-type` 属性的值。示例代码如下:
```html
<div data-type="example">这是一个例子</div>
```
```javascript
const divElement = document.querySelector('div');
const dataTypeValue = divElement.getAttribute('data-type');
console.log(dataTypeValue); // 输出:example
```
在上述示例代码中,首先通过 `document.querySelector()` 方法获取到页面中的 `<div>` 元素,然后使用 `getAttribute()` 方法获取 `data-type` 属性的值,并将其赋值给变量 `dataTypeValue`。最后通过 `console.log()` 方法打印出 `dataTypeValue` 的值。
相关问题
div 标签上 绑定 data-type 点击时 怎么获取到 data-type 值 代码是咧
你可以使用 JavaScript 中的 `getAttribute` 方法来获取 `data-type` 属性的值,具体代码如下所示:
HTML 代码:
```html
<div data-type="example">点击我</div>
```
JavaScript 代码:
```javascript
const divElement = document.querySelector('div');
divElement.addEventListener('click', function() {
const dataType = divElement.getAttribute('data-type');
console.log(dataType); // 输出:example
});
```
在上面的代码中,我们首先使用 `document.querySelector` 方法获取到 `div` 元素,并且给它添加了一个点击事件。当点击 `div` 元素时,我们使用 `getAttribute` 方法获取到 `data-type` 属性的值,并且将它打印到控制台中。
php querylist获取img标签data-original值
可以使用 QueryList 的 `find` 方法和 `attr` 方法来获取 `img` 标签的 `data-original` 属性值。示例代码如下:
```php
use QL\QueryList;
$html = '<div><img src="example.jpg" data-original="https://example.com/image.jpg"></div>';
$ql = QueryList::html($html);
$imgDataOriginal = $ql->find('img')->attr('data-original');
echo $imgDataOriginal; // 输出 https://example.com/image.jpg
```
在上面的示例中,我们首先创建了一个包含 `img` 标签的 HTML 字符串。然后,我们使用 QueryList 的 `html` 方法将其转换为一个 QueryList 对象。接着,我们使用 `find` 方法查找所有的 `img` 标签,再使用 `attr` 方法获取它们的 `data-original` 属性值。最后,我们将这个属性值输出到屏幕上。