Javascript 获取标签的内容

Javascript 获取标签的内容,javascript,html,Javascript,Html,我的按钮中有一个下一个结构 <button> Name <svg> <button> 名称 名称会动态更改。如果没有 如果我使用innerHTML我得到了所有结构从外观上看,您可能可以使用.innerText属性,但如果您将此信息包含在数据-属性中而不是从文本中提取它,则可能会更容易一些。如下: const text=document.querySelector('button').innerText; console.log(文本) 名称

我的
按钮中有一个下一个结构

<button>
  Name
  <svg>
<button>

名称
名称会动态更改。如果没有


如果我使用
innerHTML
我得到了所有结构

从外观上看,您可能可以使用
.innerText
属性,但如果您将此信息包含在
数据-
属性中而不是从文本中提取它,则可能会更容易一些。

如下:

const text=document.querySelector('button').innerText;
console.log(文本)

名称
svgtext

如果这是按钮的结构,您可以使用
.firstChild
访问包含文本的文本节点,然后访问其
.textContent

就是

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

我建议您将
Name
与指定的
id
放在一个span中,然后获取它

var Name=document.getElementById(“btnTxt”).innerText;
console.log(名称)

名称

获取
HTMLButtonElement
的第一个
#text
节点。您能举个例子吗?