0

個人用の簡単な拡張機能を作成しようとしています。部分的には怠惰から、部分的には学びたいという衝動からです。これまで拡張機能を作成したことはありませんが、ドキュメントを見てきました。あとはコードを書くだけです。私がやろうとしているのは、ブラウザが特定のページをロードして、特定のフォームにテキストを挿入することです。フォームは次のとおりです。

<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" というテキストを追加する方法はありますか?

4

3 に答える 3

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";
于 2010-11-07T21:00:32.430 に答える
0 
document.getElementById("post_tags_label").appendChild(
    document.createTextNode("Music"));

element の最後に配置したいと考えていますpost_tags_label。

于 2010-11-07T20:59:51.910 に答える
0

GreaseMonkey を使用すると、これは非常に簡単に実行できます。Web ページなどに加えたい個人的な変更に最適です。

于 2010-11-07T20:59:59.103 に答える