Здравствуйте! Надо вытянуть значение атрибута content в контейнере span по class="js-basket-total-cost" .,Как это вывести на стр.?

Question

[Leepey]

<span class="total_price js-basket-total-cost">
<span dir="ltr" itemprop="price" content="6130.00">6&nbsp;130.00</span>&nbsp;<span itemprop="priceCurrency" content="руб.">руб.
</span>
</span>

атрибуты dir="ltr" itemprop="price" повторяются на странице с другими значениями content"". Надо именно в блоке с классом js-basket-total-cost

Comments

[Модератор]

На вопрос «как сделать» отвечает документация и поиск в интернет.

Тут отвечают на вопросы «почему я сделал, как в документации, а оно не работает. Поискал в интернет, вот запросы, в ответах не нашел. Что я делаю не так?»

Покажите, как вы пробовали решить проблему, приведите код попытки (пусть неудачной), опишите, как запускали, что ожидали и что получилось.
За готовыми решениями - на фриланс. В текущем виде это не вопрос, а задание. Нарушен п.5.12 Регламента.

[Leepey]

попробовал эти два варианта, не работает.
пытаюсь вставить сюда

<div id="bingo" class="" style="font-size: small;"></div>

таким способом

const totalCostSpan = document.querySelector('.js-basket-total-cost span[itemprop="price"]');
const totalCost = totalCostSpan.getAttribute('content');
document.getElementById('bingo').innerHTML += totalCost;

не выходит

Answer 1

[Preiwer]

Вам необходимо получить элемент с классом `js-basket-total-cost` и внутри него найти элемент с атрибутом `content`. Для этого можно использовать метод `querySelector` и `getAttribute`.

Пример кода:

const totalCostSpan = document.querySelector('.js-basket-total-cost span[itemprop="price"]');
const totalCost = totalCostSpan.getAttribute('content');

console.log(totalCost);

В этом примере мы сначала получаем элемент `span` с классом `js-basket-total-cost`. Затем мы находим вложенный элемент `span` с атрибутом `itemprop="price"` и получаем значение его атрибута `content`, используя метод `getAttribute`. В итоге, в переменной `totalCost` будет содержаться "6130.00".