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工作，所以有没有办法在页面加载时添加文本“Music”？

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');

然后，要在此字段中添加文字，上面的value定义中应该有一个input属性，您只需这样做：

elem.value = "Music";

Answer 2

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

我假设你想把它放在元素post_tags_label的末尾。

Answer 3

如果您使用GreaseMonkey，这很容易实现。它非常适合您想要对网页进行的个人更改等。

如何使用JavaScript将文本插入到表单中

3 个答案: