问答

解析json数据,创建dom元素,怎么使用setAttribute添加传递参数

作者:admin 2021-04-22 我要评论

创建一个class为'btn-solve-container'的div,然后添加一个点击事件,传递参数,怎么实现? data: { class: 'btn-solve-container', 'onclick': "openSolvePage(...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

创建一个class为'btn-solve-container'的div,然后添加一个点击事件,传递参数,怎么实现?


 data: {
    class: 'btn-solve-container',
 'onclick': "openSolvePage("+item['company']+")"
 }
for (attrName in data) {
    if (data.hasOwnProperty(attrName)) {
        // 给 elem 添加属性
 elem.setAttribute(attrName, data[attrName])
    }
}
function openSolvePage(data) {
  console.log('openSolvePage data == ', data)
  var jobMask = document.getElementsByClassName('job-mask')[0]
  jobMask.style.display = 'block'
}
###
const b = document.querySelector('button')
const a = 'aaaa'

b.setAttribute('onclick', 'clickMe(a)')

function clickMe(v) {
  alert(v)
}

可以直接传变量,或者把变量对应的值作为字符串传入

b.setAttribute('onclick', 'clickMe("' + a + '")')

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 解析json数据,创建dom元素,怎么使用s

    解析json数据,创建dom元素,怎么使用s

  • vue3使用ts获取路由参数如何定义数据类

    vue3使用ts获取路由参数如何定义数据类

  • linux  shell 脚本查找进程cwd 求解

    linux shell 脚本查找进程cwd 求解

  • 主要开发微信小程序,用uni-app、taro

    主要开发微信小程序,用uni-app、taro

腾讯云代理商
海外云服务器