单击 3 次后，编码 JavaScript 的问题不会替换元素

Question

一段时间以来一直在编写这个 javascript 代码是为了手动替换 adsense 代码，当用户点击广告 3 次时，adsense 广告会将其 data-ad-slot="4092520690" 值替换为 data-ad-slot="9092520690"。到目前为止，我已经编写了一些关于如何使用 JavaScript 代码实现这一点的步骤，但它似乎无缘无故地无法正常工作。这是元素，我正在尝试触发<ins data-ad-slot="4092520690">ins</ins>上的javascript代码

这是我迄今为止编写的代码，如果有人能为我解惑，我将不胜感激：

function replaceAfter3Clicks(elem, newElem) {
  let count = 0;
  let callback = function() {
    count++;
    if (count === 3) {
      elem.parentNode.replaceChild(newElem, elem);
    }
    Array.from(ins1).forEach(element => {
      element.addEventListener('click', callback);
    });
  }

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

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

  replaceAfter3Clicks(ins1, ins2);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ins data-ad-slot="4092520690">ins</ins>

Answer 1

您缺少let callback = function() {... 的右大括号。另外，elem 是一个 jQuery 对象，而不是 DOM 元素，所以你不能使用parentNode。 jQuery 有一个replaceWith() 方法，可以用来直接替换元素。

function replaceAfter3Clicks(elem, newElem) {
  let count = parseInt(sessionStorage.getItem("ins_count") || "0");
  let callback = function() {
    count++;
    sessionStorage.setItem("ins_count", count);
    if (count >= 3) {
      elem.replaceWith(newElem);
    }
  }
  ins1.click(callback);
}

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

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

replaceAfter3Clicks(ins1, ins2);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div><ins data-ad-slot="4092520690">ins</ins></div>