实现浏览器兼容版的element.dataset

最新推荐文章于 2021-12-30 12:08:20 发布

yihuoZhou

最新推荐文章于 2021-12-30 12:08:20 发布

阅读量2.6k

点赞数

分类专栏： dom编程文章标签： dataset dataset兼容

本文链接：https://blog.csdn.net/qq_21794603/article/details/72732150

版权

本文介绍了如何在低版本的Internet Explorer浏览器中实现与现代浏览器相兼容的element.dataset属性，以获取和操作自定义元素属性。

摘要由CSDN通过智能技术生成

element.dataset获取自定义属性时（element.dataset.id)，在一些低版本的IE浏览器下不兼容,兼容解决性代码。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>dataset</title>
    <style>
        li{
    cursor: default;line-height: 1.8;}
        table{
    border-collapse: collapse;}
        th, td

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yihuoZhou

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue iview 浏览器兼容问题(支持IE9)

学习真香

08-26

2219

vue iview 浏览器兼容问题(支持IE9) 支持到IE9 如果遇到问题, 可以给我留言. 说明具体的问题. js 我们根据浏览器的用户代理字符串, 来区别出是哪种浏览器的哪个版本. 然后, 我们就要根据版本来进行兼容了. vue 浏览器兼容 中说明了一些兼容性的处理. 但是, 真正做起来还有一些不明确的地方. 我在下面的文章中, 做了一些我自己的说明. 下面是可能你需要安装的npm包 # 兼容iview npm install -D babel-loader @babel/core @babel/pr

HTML data属性简介以及低版本浏览器兼容算法

zw.will

07-13

6876

HTML data 属性简介已经低版本浏览器适配

参与评论您还未登录，请先登录后发表或查看评论

HTMLElement.dataset

嘿嘿

05-15

857

HTMLElement.dataset属性允许无论是在读取模式和写入模式下访问在 HTML或 DOM中的元素上设置的所有自定义数据属性(data-*)集。它是一个DOMString的映射，每个自定义数据属性的一个条目。请注意，dataset属性本身可以被读取，但不能直接写入。相反，所有的写入必须是它的“属性”，这反过来表示数据属性。还要注意，一个HTMLdata-attribute及其对应的DOMdataset.property不共享相同的名称，但它们总是相似的：在HTML中的一个...

使用HTML5中的element.dataset操作自定义data-*数据

shenzhenNBA的专栏

04-26

3072

HTML5 不断增加新功能，就如

dataset 兼容IE

qq_37487141的博客

12-19

395

将 dataset 改为 getAttribute、setAttribute // 获取 event.target.dataset.xxx event.target.getAttribute('xxx') // 设置 event.target.dataset.xxx = xxx event.target.setAttribute('xxx', xxx)

vue elementUI el-table 合并列 span-method 兼容safari

马金波

08-16

522

实现效果效果描述：把最后一列的“操作”列的【编辑】按钮合并为一个展示兼容safari的写法 objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 3) { //第4列 if (rowIndex === 0) { return { rowspan: 7, colspan: 1 }; } els

dataset兼容低版本IE

Msgyvcici

04-01

460

请使用 event.target.getAttribute('data-xxx')

关于javascript中dataset的问题小结

10-23

var typeOfDrink = expenseday.dataset.drink; // "tea" var typeOfFood = expenseday.dataset.food; // "noodle" var typeOfMeal = expenseday.dataset.meal; // "lunch" ``` 注意，`data-`前缀在访问`...

基于Element UI 封装的Vue可编辑div输入组件，可实现@人员和发送剪切板文件

weixin_45058982的博客

12-30

1648

文章目录设计背景使用效果代码实现template模板可编辑div及@部分script部分style部分浏览器兼容性设计背景最近客户提出要在输入框中实现类似微信@人和发送截图功能，于是考虑到使用可编辑div来代替input输入框使用效果先上图，看效果发送截图功能暂不展示，可参考实现代码实现 template模板可编辑div及@部分 <div> <div id="atInputComponents"> <div ref="editD

浏览器兼容element.dataset

baidu_28395559的博客

06-03

463

function getDataset(element){ //判断浏览器是否兼容element.dataset if(!element.dataset){ //如果不兼容，返回element属性的对象 var element.dataset = {}; var attrs = element.attribut

vue elementui 兼容ie11

zhanglijiang_2017的博客

08-02

2364

Chrome无论线上还是本地都是正常的，但IE11打开之后就是空白，本地也是空白，遂先解决了本地空白问题。 1.安装npm install --save babel-polyfill 2.main.js代码最前面加入 import babelPolyfill from 'babel-polyfill'; Vue.use(babelPolyfill) 3.vue.config.js加入 transpileDependencies: process.env.NODE_ENV === ...

dataset兼容低版本IE的方法

林楠楠的脚趾有点咸的博客

11-22

2353

元素dataset属性兼容性很差,IE11以上才支持,所以写了个方法兼容下,一下是代码function getDataset(ele){ if(ele.dataset){ return ele.dataset; }else{ var attrs = ele.attributes,//元素的属性集合 dataset = {},

Vue+ElementUI 关于兼容浏览器的问题

小张的博客

11-02

7214

Vue+ElementUI适应IE浏览器由于IE浏览器的特殊性，在Chrome或其他浏览器下编译好的程序，在IE下需做特殊的处理，所以IE这个物种的存在，对前端开发人员来说特别痛苦，最近在使用ElementUI前端框架开发项目的过程中就遇到了IE下显示不了的问题。现将解决方法记录如下： 1. 在项目中安装babel-polyfill npm install --save babel-polyfill 2. 在index.html里面加上 <meta http-equiv="X-UA-Compati

Element属性方法的浏览器兼容性概览

孙群

12-17

8048

参考自https://developer.mozilla.org/en-US/docs/Web/API/Element

vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功