主页 / 问题 / 931861
Accepted
Alisa Bondarchuk
Asked:2020-01-14 15:38:20 +0000 UTC2020-01-14 15:38:20 +0000 UTC

如何从 JS 文件生成 HTML 按钮文本？

  • 772

我有 2 个用 HTML 创建的按钮，它们有自己的id，name我需要确保它们从中获取文本name button，我认为为此我必须从 HTML 传递id到name buttonJavaScript 和从 JS 生成按钮文本到 HTML 文件，但我不知道该怎么做。无论如何，我将非常感谢您的帮助。

javascript

2 个回答

  1. 如果您不必使用 JS，则可以使用伪元素:before并content在其中提取所需的属性。

    button:before {
  content: attr(name);
}
    <button id="id1" name="test1"></button>
<button id="id2" name="test2"></button>

    • 6
  2. Best Answer

    加载完 DOM 树后，执行以下代码：

    javascript:

    var el = document.querySelectorAll('button');

for (var i = 0; i < el.length; i++) {
  el[i].textContent = el[i].getAttribute('name');
}
    <button id="id1" name="test1"></button>
<button id="id2" name="test2"></button>

    • 3

相关问题