1

Можно ли вставить свой атрибут в HTML-тег и потом обратиться к нему?

Например, добавляю атрибут group :

first <input type="radio" id="qwerty1" group="1" onClick="myclick();"><br>
second <input type="radio" id="qwerty2" group="2" onClick="myclick();"><br>
third <input type="radio" id="qwerty3" group="3" onClick="myclick();"><br>

<script>
function myclick() {
  alert(this.group);
}
</script>
4
  • можно. но не нужно. как и onclick.
    – etki
    16 мар 2015 в 7:14
  • @sitev_ru, getAttribute - для получения значения атрибута. По поводу inline-записи, вам уже @Etki сказал, но даже, если и записывать так, то вы думаете, что this в вашей функции будет ссылкой на элемент, на котором событие произошло? Попробуйте, ничего не меняя, вывести в функции console.log(this); И кстати, зачем что-то выдумывать, если уже создан валидный пользовательский атрибут *data- **?
    – Deonis
    16 мар 2015 в 7:25
  • Обозвать атрибут как data-group?
    – sitev_ru
    16 мар 2015 в 7:29
  • @sitev_ru, да, можно и так. Только "обзываться" атрибут - это не красиво; он же вам ничего плохого не сделал ;)
    – Deonis
    16 мар 2015 в 7:34

3 ответа 3

1

"Свой" атрибут кинуть можно (element.setAttribute(name, value)), но валидацию от любого нормального валидатора кода он с треском провалит. Так же ожидаемы глюки и некорректная работа, особенно в старых браузерах.
Хранение данных именно для конкретного атрибута всегда было занозой в... под ногтями разработчиков.
В HTML пятой редакции помимо решения кучи других столь же насущных проблем был придуман атрибут, который отвечает стандартам и позволяет хранить сколь угодно пользовательских данных (но перебарщивать, всё же, не стоит - моветон это).
"Data: Да придёт (или пришёл :)) спаситель"!
Example:

HTML5:
<span data-id='123' data-group-name='Terminators'>Group 123</span>

JS:
var data = document.querySelector('span').dataset;
var idGroup = data.id;
var nameGroup = data.groupName;

Код будет совершенно валиден (с соответствующим доктайпом, конечно).

6
  • произвольные атрибуты можно вполне легально объявить с помощью дополнительного xml namespace
    – etki
    16 мар 2015 в 8:50
  • 1
    Было бы НЕлегально ставить свои атрибуты, то и setAttribute() может и не придумали бы. Все ЛегальныЕ аттрибуты зашили бы в свойства ноды. Но это скорее костыль прошлого, data-* сейчас это уже не просто костыль, который выточил из ветки дерева пьяный мастер (нет, нет, не Джеки!), а изящная трость, полированная до блеска перелива теней, из сандалового дерева, со шпагой внутри и выдержанным коньяком в набалдашнике. Как-то так :)
    – user31688
    16 мар 2015 в 9:06
  • @TheDoctor > Было бы НЕлегально ставить свои атрибуты, то и setAttribute() может и не придумали бы. .setAttribute('class', 'ie-hover-fix');
    – etki
    16 мар 2015 в 9:08
  • @Etki, Хм... А как же element.className = '' или element.style.property = ''?
    – user31688
    16 мар 2015 в 9:13
  • @TheDoctor, одно другому не мешает. Есть еще element.classList.
    – dzhioev
    16 мар 2015 в 10:03
0

Можно вставить свой атрибут таким образом:

<input type="radio" data-group="2">

И обратиться к нему так:

$('[data-group=2]')...

Почитай еще про атрибуты data-

2
  • А если будет код: <span data-group='2'>I am here!</span> То как-то нехорошо получится...
    – user31688
    16 мар 2015 в 10:23
  • все отлично получится! чего вы боитесь-то? 2 сен 2016 в 12:08
0

Для меня лучше всего сработал атрибут onEvent, например:

<input onYourAttribute="YourAttributeText">

По нему браузер напишет, что это неизвестное событие, и он его проигнорирует:

Warning: Unknown event handler property `onsetvalue`. It will be ignored.
1
  • В текущем виде ваш ответ непонятен. Пожалуйста, нажмите править под сообщением, чтобы добавить больше подробностей, которые помогут другим понять, как он отвечает на заданный вопрос. Вы можете найти больше информации о том, как писать хорошие ответы в Справке. 29 дек 2021 в 18:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.