在 HTML 文件中查找和替换属性

Question

我有一个项目文件夹，其中包含 HTML 文件列表，其中包含一些删除语法，我正在寻找一些指针，我在哪里搜索特定的属性模式并将其替换为新语法。

我用 JSDOM 做了一些尝试，但没有成功。

HTML 文件的结构是这样的，在这里我找到了所有出现的 data-bind="attr :{id : <>}" 并将其替换为 :id="[[componentid ]]"

    <div data-bind="attr :{id :componentid}" class="">
      <div class="formlayout">
        <input type='textbox>
      </div>
    </div>
   <div data-bind=" attr :{id :  pageid}" class="">
      <div class="formlayout">
        <input type='textbox>
      </div>
    </div>

更改后 HTML 文件应如下所示。

<div :id="[[componentid]]" class="">
      <div class="formlayout">
        <input type='textbox>
      </div>
    </div>
   <div :id="[[pageid]]" class="">
      <div class="formlayout">
        <input type='textbox>
      </div>
    </div>

注意：数据绑定可以有多个空格属性我们应该忽略那些。我尝试使用 JSDOM 和节点 js 但没有成功，指针将非常有用

Answer 1

你可以试试这个...

<script>
  const getElement1 = document.querySelector(".data1");
  const getElement2 = document.querySelector(".data2");

  getElement1.removeAttribute("data-bind");
  getElement1.setAttribute(":id", "[[componentid]]");

  getElement2.removeAttribute("data-bind");
  getElement2.setAttribute(":id", "[[pageid]]");
</script>

在 HTML 文件中查找和替换属性

Finding and replacing attribute in HTML File

javascript

node.js

jsdom