Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как задать значение параметру div (https://javascript.ru/forum/events/50796-kak-zadat-znachenie-parametru-div.html)

Atom686 11.10.2014 23:32

Как задать значение параметру div
 
Здравствуйте! Я снова с нубским вопросом, но поиски интернета ответа не дали. Есть div с нестандартным параметром data-countodwn. Этот параметр использует счетчик.
Весь код следующий:
<script>
var date = new Date();
var daym = date.getDate() + '.' + (date.getMonth() + 1) + '.' + date.getFullYear() + ' 11:59:00';

// Как изменить параметр data-coundown на значение переменной daym?
</script>
<div data-countdown="11.10.2014 11:59:00" data-plugin="countdown" id="cnt">&nbsp;</div>
</div>


Как изменить параметр data-coundown на значение переменной daym?

Заранее спасибо за помощь!

Safort 12.10.2014 00:37

<div data-countdown="11.10.2014 11:59:00" data-plugin="countdown" id="cnt">&nbsp;</div>
<script>
var date = new Date();
var daym = date.getDate() + 
           '.' + (date.getMonth() + 1) + 
           '.' + date.getFullYear() + 
           ' 11:59:00';

document.querySelector('#cnt').setAttribute('data-countdown', daym);
</script>


В поиске по запросу "data-атрибуты HTML5" информация довольно легко ищется.

kostyanet 12.10.2014 06:34

ТС видимо хотел узнать как выглядят дата-теги в js. Вот так

dataset.точтобылопослечерточк и.

data-index == dataset.index

data-data == dataset.data

data-one-two-three-four-five == dataset.oneTwoThreeFourFive

Найдите правила, там есть ограничения, полезно будет.

kostyanet 12.10.2014 06:36

Цитата:

Сообщение от Atom686
Как изменить параметр data-coundown на значение переменной daym?

dataset.countdown = daym; // учитывайте что в атрибутах будет строка при чтении из них

ЗЫ В общем так компилируются все атрибуты с черточками - background-image == backgroundImage; z-index == zIndex; etc

https://developer.mozilla.org/en-US/...lement.dataset

Atom686 12.10.2014 12:26

Safort, большое человеческое спасибо! С вашей помощью задача решена :)


Часовой пояс GMT +3, время: 09:06.