Как изменить заголовок iframe после добавления файла?

Question

Я пытаюсь вставить несколько кнопок в заголовок iframe после добавления файла в iframe. Но он не работает. Может кто-нибудь, пожалуйста, помогите мне в этом.

Ниже приведен код, который я пытаюсь сделатьИтак:

document.getElementById("myviewer").src ="https://abc/xyz.padf";
$("#myviewer").on("load", function () {
    $('#titlebarRight').innerText = 'test';
});

Выше не работает. Это правильный способ сделать это.

Answer 1

Метод contents () возвращает все прямые потомки, включая узлы текста и комментариев, выбранного элемента.

Если вы воспользуетесь этим, вы сможете изменить его в iframe.

document.getElementById("myviewer").src ="https://abc/xyz.padf";
$("#myviewer").on("load", function () {
    $(this).contents().find('#titlebarRight').innerText = 'test';
});