Изменить текст внутри кнопки в прототипе

Question

У меня есть кнопка с классом 'scalable' внутри div с идентификатором 'product_form', я хочу изменить текст диапазона внутри этой кнопки, у меня есть следующий скрипт jQuery, чтобы получить то, что я хочу.

<form id='product_form'>
    <button class='scalable' name='submit'>
        <span>old Text</span>
    </button>
</form>

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

Вот эквивалентный код jQuery:

jQuery('#product_form button.scalable span').text('new text');

Но у меня нет jQuery, и я хочу выполнить ту же задачу в прототипе.

пожалуйста, предложите мне эквивалентный код для вышеупомянутого в прототипе.

Спасибо.

Answer 1

Для селекторов CSS используйте $$, который возвращает Array.Один из способов продолжения состоит в том, чтобы предполагать только первый элемент.

$$('#product_form button.scalable span').first().update('new text');

Кроме того, вы можете влиять на все элементы в массиве.

$$('#product_form button.scalable span').invoke('update', 'new text');