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

Question

创建一个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'
}

Answer 1

const b = document.querySelector('button')
const a = 'aaaa'

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

function clickMe(v) {
  alert(v)
}

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

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