javascript - 修改DOM中的元素

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

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

变成：

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

最佳答案

您可以将选择器与querySelectorAll（）一起使用

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>')
}

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