remove/add 元素 href 属性按其唯一路径

Question

我有一个看起来像这样的标签：

<a class="btn btn-default" href="Edit/44"><i class="fa fa-pencil"></i>...</a>

我想删除并稍后将 href 属性重新添加到具有此特定路径 ("Edit/44") 的元素，但这是它唯一的唯一标识符。我怎样才能做到这一点？

Answer 1

您可以使用 attribute selector（在本例中为 [href="Edit/44"]）和 querySelector:

开始获取元素

const element = document.querySelector(`[href="Edit/44"]`);

然后您可以在清除它之前将其移动到 data-* 属性：

element.setAttribute("data-href", element.href);
element.removeAttribute("href");

您可以保留对 element 的引用，或者稍后以相同的方式找到它，但使用不同的属性名称，然后将其放回原处：

const element = document.querySelector(`[data-href="Edit/44"]`);
element.setAttribute("href", element.getAttribute("data-href"));
element.removeAttribute("data-href");

remove/add 元素 href 属性按其唯一路径

remove/add element href attribute by its unique path

javascript

html

attributes