Изменение ввода текста из Chrome Bookmark

Question

Я пытаюсь заполнить ввод текста на сайте, на котором нет JQuery. Тем не менее, я продолжаю получать нулевой возврат при попытке использовать функцию getElementById Javascript с закладкой Google Chrome.

Как тиражировать:

Перейти в W3Schools: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_text_value2

Добавить в закладки:

javascript:(function(){
    console.log(document.getElementById("myText"));
})();

Нажмите на закладку и увидите «null» в консоли вместо ввода текста.

(Чтобы получить желаемый результат, вы можете изменить код W3 на console.log элемента вместо изменения его значения, а затем нажать кнопку «Попробовать» в W3)

-

Целью здесь является возможность изменения этих значений ввода текста скриптом.

Пример) Измените "Микки" на "Джонни Браво" через закладку нажмите

Answer 1

Перетащите значок замка на панель инструментов закладок, щелкните правой кнопкой мыши, отредактируйте и установите URL-адрес:

javascript:document.getElementById("myText").value = "Johnny Bravo";document.close();

Затем щелкните по нему, чтобы изменить значение myText. Вам нужно закрыть документ после установки значения, иначе он запишется в новый документ.

Закладка выше не будет работать в вашем редакторе TryIt, потому что форма находится в iFrame с именем 'iframeResult'. Но это работает:

javascript: window.frames.iframeResult.document.getElementById("myText").value = "Johnny Bravo";document.close();