javascript - 需要帮助替换元素的特定参数

最近，我一直在用javascript代码来替换一次被单击3次的元素，而我的问题是，我也无法替换data-id-slot-""参数。对于此元素<ins data-ad-slot="4092520690">ins</ins>。我所管理的是一次单击3次即可替换innerText。

function replaceAfter3Clicks(elem, newElem) {
  let count = 0;
  let callback = function() {
    count++;
    if (count >= 3) {
      elem.replaceWith(newElem);
    }
  }
  ins1.click(callback);
}

const ins1 = $("ins[data-ad-slot]");

// pre-made second ins for future replacement
const ins2 = document.createElement('ins');
ins2.?? = '9020596432';
ins2.innerText = 'ins2';

replaceAfter3Clicks(ins1, ins2);

最佳答案

我认为您对HTML属性和javascript对象属性之间的区别感到困惑

ins2.?? = '9020596432';

我想在这里你想要更多这样的东西

ins2.setAttribute("data-id-slot", "9020596432")

见https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute