Изменить входное значение на javascript в закладке

Question

Мне нужно сделать закладку, которая выполняет javascript, который изменяет входное значение.

<input type="text" placeholder=" - " value=" - " class="test"/> 

Я попробовал несколько различных сценария в том числе это:

javascript:(function(){var d=document,e=d.getElementsByClassName("test");e.value="new value";})(); 

Но ни один из них не работает. Может ли кто-нибудь помочь?

Answer 1

Document.getElementsByClassName() возвращает массивный объект всех дочерних элементов этого класса. Таким образом, вам нужно выбрать первый индекс массива. Это будет работать:

e=d.getElementsByClassName("test")[0]; // select first element, now e is a DOM element 

var d = document, 
 
    e = d.getElementsByClassName("test")[0]; 
 
e.value="new value";

<input type="text" placeholder=" - " value=" - " class="test"/>

Answer 2

Document.getElementsByClassName() возвращает массив типа объектом все дочерние элементы, которые имеют все заданные имена классов

см ниже рабочий фрагмент

function myBookmark(){ 
 
    var d=document,elements=d.getElementsByClassName("test"); 
 
    for (var i=0;i<elements.length;i++){ 
 
    elements[i].value="new value"; 
 
    } 
 
}

<input type="text" placeholder=" - " value=" - " class="test"/> 
 
<input type="text" placeholder=" - " value=" - " class="test"/> 
 
<input type="text" placeholder=" - " value=" - " class="test"/> 
 

 
<a href="javascript:myBookmark()">Execute Bookmark</a>;

Answer 3

Немного более универсальный. Введите селектор и текст:

let p=prompt, 
    sel=p('enter selector'), 
    v=p('new value'); 
Array.from(document.querySelectorAll(sel)).forEach(e=>e.value=v) 

Прошел через букмарклет создателя:

javascript:(function()%7Blet%20p%3Dprompt%2Csel%3Dp('enter%20selector')%2Cv%3Dp('new%20value')%3BArray.from(document.querySelectorAll(sel)).forEach(e%3D%3Ee.value%3Dv)%7D)()