Как я могу установить атрибут данных для элемента?
Глупый вопрос, но... У меня есть div, который выглядит так:
<div class = "container">
<div class = "abc" />
<div class = "abc" />
<div>
Могу ли я установить значение для div.abc вот так <div class = "abc" value = {2}></div>? А затем использовать js для вычисления суммы путем повторения дочернего элемента div.container?
Да, ты можешь. Но чего вы пытаетесь достичь в более высоком разрешении?
вам нужно предоставить больше информации, чтобы получить помощь.
Вы определенно можете добавить атрибут с именем value к элементу div и просмотреть его дочерние элементы, чтобы подсчитать значения, но, вероятно, есть лучшие способы добиться того, чего вы хотите. Если вы дадите нам больше информации, возможно, мы сможем помочь вам больше.
Я почти уверен, что value не является официальным атрибутом для элементов div. Я думаю, вы должны вместо этого использовать атрибуты данных.
Если это вопрос React.js, как предполагают теги, почему вы хотите хранить значения в DOM, а не в состоянии? Не кажется слишком React-y. Может быть, начать с чтения учебника React.
да @ZsoltMeszaros Я знаю, что в реакции есть состояние, но я все еще хочу использовать простой способ перебора значения div вместо перебора компонентов, а затем начать извлекать состояние
Согласно [ссылке]developer.mozilla.org/en-US/docs/Web/HTML/Attributes @MarkBaijens верно, значение не является официальным атрибутом для div. Атрибут данных, казалось бы, является ответом.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Обновлено: как упоминал isherwood в комментариях. Этот ответ является просто решением javascript и не относится к reactjs, так как я пропустил этот вопрос с тегом reactjs. См. рекомендуемый ответ Как динамически установить атрибуты данных HTML5 с помощью реакции? для лучшего решения!
Вероятно, вы ищете html атрибут данных
<div class = "container">
<div data-your-prop = "1" />
<div data-your-prop = "1.5" />
<div data-your-prop = "2" />
<div>
например 1
const divs = document.querySelectorAll('.container div[data-your-prop]')
divs.forEach(function (el, index) {
console.info(el.dataset.yourProp)
})
например 2
const divs = document.querySelectorAll('.container div[data-your-prop]')
let totalInt = 0
let totalFloat = 0
divs.forEach(function (el, index) {
totalInt += parseInt(el.dataset.yourProp)
totalFloat += parseFloat(el.dataset.yourProp)
});
console.info(totalInt)
console.info(totalFloat.toFixed(2))
// yields
//
// 4
// "4.50"
примечание
Имена атрибутов (data-) присоединяются к el.dataset, а имена, определенные в dom, нормализуются, чтобы быть действительным свойством json.
Может быть, вы могли бы показать нам, что вы пробовали?