從字符串中刪除 html 屬性？

Question

我有一個 html 字符串，如下所示：

<div id="demo_..." class="menu">

html 代碼以字符串形式提供。 現在我想刪除所有以 demo_ 開頭的 id 屬性。 結果應該是這樣的：

<div class="menu">

我知道它應該與正則表達式一起使用。 但我對特殊字符有點掙扎。 正則表達式應該是什么樣子，以便所有具有這種格式的字符串都可以替換為空字符串？

Answer 1

您可以使用ZE83AED3DDF4667DEC0DAAAACB2BB3BE0BZ 屬性選擇器

[att^=val]表示具有 att 屬性的元素，其值以前綴“val”開頭。 如果 "val" 是空字符串，則選擇器不代表任何內容。

[att$=val]表示具有 att 屬性的元素，其值以后綴“val”結尾。 如果 "val" 是空字符串，則選擇器不代表任何內容。

[att*=val]表示具有 att 屬性的元素，其值包含至少一個 ZE83AED3DDF4667DEC0DAAAACB2BB3BE0BZ "val" 的實例。 如果 "val" 是空字符串，則選擇器不代表任何內容。

對於您的情況，您可以使用

document.querySelectorAll('[id^="demo_"]')

或者

document.querySelectorAll('[id*="demo_"]')

結果將是一個具有id屬性的 HTMLElement 數組，其值以前綴demo_開頭，如果使用*而不是^則包含demo_ 。 從那里您可以使用removeAttribute()方法刪除每個 HTMLElement id att。 從這里閱讀更多內容。

document.querySelectorAll('[id^="demo_"]')
 .forEach(element => element.removeAttribute('id'));