Свойства iFrame не обновляются через JS DOM

Question

Еще один вопрос нуба, этот вопрос для меня загадка.

Я пытаюсь внедрить код JS и использую для этого iFrame.

Тестовый URL -> http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/

Здесь я изначально создал скрытый фрейм

и затем я добавляю в него новый код JS: document.getElementById ('movie_loader'). src = 'jwplayer.php? id = 5');

и делает его видимым: document.getElementById ('movie_loader'). visibility = 'visible';

но ничего не происходит, как вы можете видеть. Реквизиты SRC и VISIBILIY не обновляются.

То же самое произошло, когда я использовал свойство DISPLAY.

Есть идеи?

Answer 1

Вам не хватает «стиля».

document.getElementById('movie_loader').style.visibility = 'visible';

или лучше, используйте «display», а не «видимость» (для запуска используйте display: none;):

 document.getElementById('movie_loader').style.display = 'block';

Answer 2

У вас есть синтаксическая ошибка в первой строке с дополнительным ) в конце, и вам нужно добавить .style во второй строке, например:

document.getElementById('movie_loader').src = 'jwplayer.php?id=5';
document.getElementById('movie_loader').style.visibility = 'visible';

Стили элемента хранятся в виде объекта в .style, а не в качестве прямых свойств.

Хотя, как только вы это исправите ... он не может найти этот файл jwplayer.php, это 404, поэтому вам нужно как-то скорректировать путь ... Я не уверен, где именно на вашем сайте он находится , но не найдено по адресу: http://ultimateclassicmovies.com/horror/the-brain-that-wouldnt-die/jwplayer.php?id=5