Возьмите содержимое тега

У меня есть следующая структура в моем button

<button>
  Name
  <svg>
<button>

Имя меняется динамически. Как я могу получить содержимое кнопки без <svg>

Если я использую innerHTML, я получаю всю структуру

Получите первый #text узел HTMLButtonElement.

Dai 04.07.2019 13:37
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
66
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Судя по внешнему виду, вы, вероятно, могли бы использовать свойство .innerText, но было бы проще, если бы вы включили эту информацию в атрибут data-, а не извлекали ее из текста.

Не могли бы вы получить пример?

Michael George 04.07.2019 13:40

Так:

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

console.info(text);
<button>
  Name
  <svg>svgtext</svg>
<button>
Ответ принят как подходящий

Если это структура кнопки, вы можете использовать .firstChild, чтобы добраться до текстового узла, содержащего текст, а затем получить доступ к его .textContent.

То есть,

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

Я бы посоветовал вам поместить Name в диапазон с указанным id, а затем получить это.

var Name = document.getElementById("btnTxt").innerText;
console.info(Name);
<button>
  <span id = "btnTxt">Name</span>
  <svg>
<button>

Другие вопросы по теме