原生js添加class

classNameLIst.add给dom元素添加class

<div ref="img">ig</div>
<script>//获取dom节点let img=document.querySelector('div');img.classNameList.add("name");
</script>

用vue实现将dom元素转换为图片

npm i html2canvas

直接应用下面的代码即可

this.$nextTick(() => {html2canvas(你想转换成图片的dom元素).then(resolve => {let imgUrl = resolve.toDataURL('image/png');           //此时就得到了dom元素转成了base64的图片console.log(imgUrl)})})

原生js添加class相关推荐

  1. 原生js添加动画效果

    原生js添加动画效果 html 这个图片是使用阿里图标需要下载 <div class="content"><div class="contAnimati ...

  2. 原生JS添加节点的方法

    一 . 原理 insertAdjacentHTML() 原生js添加节点 二.代码 <!DOCTYPE html> <html><head><meta cha ...

  3. 原生js添加节点(字符串形式)

    原生js添加节点(字符串形式) MDN地址查看方法描述 element.insertAdjacentHTML(position, text); element:要追加的元素 position:追加在目 ...

  4. 原生JS那些事:原生JS添加和删除class类名

    2019独角兽企业重金招聘Python工程师标准>>> 如何使用原生js给一个节点添加和删除class名? 由于我们一直习惯于使用jQ封装好的方法,偶尔项目中也会用原生js,这就要了 ...

  5. 原生JS添加类名 删除类名

    为 <div> 元素添加 class: document.getElementById("myDIV").classList.add("mystyle&quo ...

  6. 原生JS清空子元素+原生JS添加子元素

    //获取父元素-清空子元素 let content = document.getElementsByClassName("table-page__text")[0]; //循环删除 ...

  7. 原生JS添加样式 内联important

    1.直接设置style--无法设置important 单个设置:适用于IE系列,样式名需要小驼峰书写 element.style.backgroundColor = "#ccc" ...

  8. 原生js html insert,原生js添加节点appendChild、insertBefore

    1.createElement() 创建元素节点 var element=document.createElement('元素名'); 2.crateTextNode() 创建文本节点 var txt ...

  9. 原生JS实现的DOM操作笔记(草稿整理)

    原生JS实现的DOM一系列操作参考: 原生JavaScript封装DOM库 siblings: 原生JS-查找相邻的元素-siblings方法的实现 addClass,removeClass,hasC ...

  10. 原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法

    1. 添加新元素 动态添加新元素 Coffee Tea Coffee Tea var child = document.getElementsByClassName("child" ...

最新文章

  1. linux的三个时间
  2. 走你!Github 开源整合
  3. numpy python2_python-numpy(2)
  4. redis面试问题(二)
  5. 1.3 Error和Exception的异同
  6. 面对滚滚而来好政策 安防行业该如何发展
  7. 九个步骤让你成为PHP专家
  8. MacOS中使用QT开发iOS应用
  9. HDFS查看异常:Operation category READ is not supported in state standby. Visit
  10. python拼图游戏编码_教你用Python自制拼图小游戏,轻松搞定熊孩子
  11. 快来学习一下吧!Web前端开发CSS居中的五大方式
  12. Storyboard使用心得
  13. 图注意力网络(GAT) TensorFlow解析
  14. echarts地图插入图片
  15. [python] 多值参数(定义多值参数的函数、案例演练、元组和字典的拆包)
  16. 使用photoView完成照片查看器(本地图片)
  17. 用python爬虫爬取去哪儿4500个热门景点,看看国庆不能去哪儿
  18. 求生之路2正版rpg服务器,求生之路2怎么屏蔽rpg服务器 求生之路2屏蔽rpg服务器方法-游侠网...
  19. 关于前端研发质量提升的建设思路
  20. SAP应用在华登陆Windows Azure公有云

热门文章

  1. tomcat编码设置
  2. 【黑马程序员数据库】数据库基础大总结
  3. Android ASCII编码转换成相对应字符
  4. java实现生成pdf_详解Java生成PDF文档方法
  5. 【信号检测】认知无线电的信号检测算法matlab仿真:能量检测,循环平稳检测,匹配滤波检测
  6. 悦诗风吟网络营销的目标_睫毛膏营销策划方案
  7. 基于C语言的个人信息管理系统
  8. gamit批量下载精密星历shell脚本
  9. 我的博客搬家工具开发
  10. 【Css】Css实现DIV半透明效果(示例)