2014-11-15 3 views
-1

У меня есть этот HTML-код на своих страницах:Как получить атрибут Iframe по Javascript

<iframe id="tubepress-video-object-1481217710" data-videoid="gCVXhS5Szbk" data-playerimplementation="youtube" data-videoprovidername="youtube" class="youtube-player" type="text/html" width="525" height="450" src="https:something..." frameborder="0" allowfullscreen></iframe>  

Идентификатор IFrame изменился everytimes веб-страницы, перезарядку. Я могу получить идентификатор iframe по Javascript, но я не знаю, как получить значение «data-videoid». Любой мальчик может мне помочь?

+0

'iframeElement.dataset.videoid'https: //developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes – Cristy

+0

var article = document.querySelector ('#' + a); // My iframe id - переменная a document.write (article.dataset.data-videoid); // "3" alert (article.dataset.data-videoid); Ничего не случилось! Не могли бы вы привести мне пример? –

+0

Я дал вам рабочий пример! Вы пробовали это, как я писал? –

ответ

0

Использование document.getElementById ('tubepress-видео-объект-1481217710') GetAttribute ("данных VideoID")

+0

Я понял, спасибо! –

+0

@Laxmi: getElementById ('..') не будет работать. Идентификатор меняется каждый раз при перезагрузке страницы. – Riad

0

Выбор первого или единственный элемент IFRAME на странице:.

var frame = document.querySelector('iframe'); 

Затем получают атрибут:

var val = frame.getAttribute('data-videoid'); 

Или получить dATA- атрибут:

var val = frame.dataset.videoid; 
+0

Спасибо вам большое! –

+0

Вы всегда должны включать объяснение того, что делает ваш код, чтобы будущие пользователи, видящие это, узнали, почему это должно работать и что происходит. –

+0

Это объяснение для каждого, кто знает немного javascript. –