取得标签的内容

Question

我的button中有一个下一个结构

<button>
  Name
  <svg>
<button>

名称动态更改。没有<svg>

，如何获取按钮的内容

如果我使用innerHTML，我将获得所有结构

Answer 1

如果这是按钮的结构，则可以使用.firstChild到达包含文本的文本节点，然后访问其.textContent。

也就是说，

const button = document.getElementById('button'); // or however you reference the button.
console.log(button.firstChild.textContent);

Answer 2

赞：

const text = document.querySelector('button').innerText;

console.log(text);

<button>
  Name
  <svg>svgtext</svg>
<button>

Answer 3

您可能从外观上使用了onRewardedVideoAdFailedToLoad(int i)属性，但是如果将此信息包含在.innerText属性中而不是从文本中提取，则可能会更容易。

Answer 4

我建议您将Name放在具有指定id的范围内，然后得到它。

var Name = document.getElementById("btnTxt").innerText;
console.log(Name);

<button>
  <span id="btnTxt">Name</span>
  <svg>
<button>