Dodawanie zmiennych do elementów DOM

Chciałbym zapytać, czy "legalne" jest dodawanie zmiennych niestandardowych do dokumentów elementów bryłowych. Na przykład:Dodawanie zmiennych do elementów DOM

document.getElementById('elem1').customVariable = 'xxx';

Ten kod po prostu pracować, ale nie wiem, czy to jest „dozwolony”

To nie pojawia się na liście argumentów tagu, ale zmienna jest użyteczny w dalszym kodzie ..

Źródło

2011-12-21 Kryštof Hilar

YES SIR możesz – Ibu

możliwe duplikat [Mogę dodać dowolne właściwości obiektów DOM?] (http://stackoverflow.com/questions/4258466/can-i-add-arbitrary- property-to-dom-objects) –

http://stackoverflow.com/questions/7895560/javascript-dom-setting-custom-dom-element-properties to lepszy Q & A –

myślę, że będzie działać, ale bardziej popularnym sposobem, aby dodać atrybut niestandardowy jest tak:

<div id="elem1" data-customVariable="foo"

A potem

document.getElementById('elem1').setAttribute("data-customVariable", "bar");

Lub jeśli starsza dławik przeglądarka na setAttribute

document.getElementById('elem1')["data-customVariable"] ="bar";

EDIT

Dzięki pimvdb za wskazanie, że można to zrobić również

document.getElementById('elem1').dataset.customVariable ="bar";

Wystarczy pamiętać, że” Będą musieli obserwować, jak to nazwiesz - obudowa wielbłąda może ją wyrzucić fa. Będziemy chcieli

<div id="elem1" data-custom-variable="xxx"></div>

Źródło

2011-12-21 18:26:17

Dziękuję :-) To teraz jasne –

'elem .dataset.customVariable' jest również możliwe z atrybutami 'data-' - może być nieco czystsze. – pimvdb

@pimvdb - bez żartów. W porządku, dziękuję - +1 –

Dodawanie zmiennych do elementów DOM

Odpowiedz

Powiązane problemy