Как вставить текст в форму с помощью JavaScript

Question

Я пытаюсь создать простое расширение для личного использования.Это частично из-за лени, а частично из-за желания учиться.Я никогда не делал расширений раньше, но я смотрел на документацию.Теперь мне просто нужно написать код.То, что я пытаюсь сделать, это когда браузер загружает определенную страницу, чтобы вставить текст в определенную форму.Форма выглядит следующим образом:

<div id="set_tags" class="advanced_option"> 
   <label for="post_tags" class="inline_input_label" id="post_tags_label"
       onclick="Element.remove($(this))" 
       style="left:8px; right:auto; text-align:left">tags</label> 
   <input id="post_tags" name="post[tags]" type="text"/> 
 </div> 

Я мало работал с javascript, так есть ли способ добавить к этому текст "Музыка" при загрузке страницы?

Answer 1

Вы можете использовать функцию onload для запуска вашей функции. http://javascript.about.com/library/blonload.htm

Поскольку вы новичок в javascript, вы можете ознакомиться с unobtrusive javascript (http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html), который, как мне кажется, является лучшим способом написания javascript, поскольку вы можете легко закомментировать javascript и посмотреть, как он работает когда это отключено. Но было бы легче узнать это в начале.

Чтобы получить тег input, вы можете использовать document.getElementById(), который будет выглядеть примерно так:

var elem = document.getElementById('post_tags');

Затем, чтобы добавить текст в это поле, в вашем определении input должно быть свойство value, и вы просто должны сделать:

elem.value = "Music";

Answer 2

Это действительно легко сделать, если вы используете GreaseMonkey.Он идеально подходит для личных изменений, которые вы хотите внести в веб-страницы и т. Д.

Answer 3

document.getElementById("post_tags_label").appendChild(
    document.createTextNode("Music"));

Я предполагаю, что вы хотите поместить его в конец элемента post_tags_label.