修改DOM中的元素

Question

在我的html中，我希望获得具有“accesskey”属性的所有元素，当我得到这些元素时，我想添加一个属性来修改它们以加下划线（下面的示例）。我查看了mdn中的document.evaluate，我可以使用XPath来获取带有accesskey的所有元素。但是我读到我无法修改XPath的元素。我想请求指导我应该用什么方法来实现这一目标。

<label accesskey="L">Last Name</label>

变为：

<label accesskey="L"><u>L</u>ast Name</label>

Answer 1

您可以使用带有querySelectorAll（）的选择器，如

＆＃13;

＆＃13;

node_modules

＆＃13;

var els = document.querySelectorAll('[accesskey]'),
  el, key;
for (var i = 0; i < els.length; i++) {
  el = els[i];
  key = el.getAttribute('accesskey');
  el.innerHTML = el.innerHTML.replace(key, '<u>' + key + '</u>')
}

＆＃13;

＆＃13;

＆＃13;