Javascript HTML文字列

Question

Javascript HTML文字列

私はID付きの入力ボックスを持っています。私のウェブサイトの "q"の...

URLバーにjavascriptを入力することで、プレースホルダーのテキスト（クライアント側）を「テスト」と変更することができます

javascript:void(document.getElementById('q').value='test');

今私はそれをテストしたいと思ったら（しかしhtmlで太字で）私はそれをどうやってしますか?? 私は試した：

javascript:void(document.getElementById('q').value='test');

しかし、それは動作しません..それは文字列です！私は多くのjavascriptを知らない...

皆さんありがとう！

0

追加された 28 10月 2011 〜で 03:47 著者 Albert Renshaw 編集された 28 10月 2011 〜で 03:50

ビュー: 11

源

なぜあなたのサイトに入力がある場合は、アドレスバーにJavaScriptを入力しているのですか？もしあなたがjavascriptをテストしたいのであれば、私はfirebugをFirefox用に、F12をchromeとIE用に探します

追加された 28 10月 2011 〜で 04:08, 著者 CBRRacer, 源

3 答え

試してください：

document.getElementById('q').style.fontWeight = 'bold';

編集：

それはうまくいくはずです：

bold <input type="text" id="q" value="some text" />

3

追加された 28 10月 2011 〜で 03:51 著者 galchen

源

これはうまくいかなかった/：。。 javascript：void（document.getElementById（ 'q'）。style.fontWeigh＆zwnj; t = "太字";

追加された 28 10月 2011 〜で 04:06, 著者 Albert Renshaw, 源

ここで定義されていると言うことができます：<input type = "text" id = "q" ... JavaScriptを使って入力タイプをtext/cssに変更するには？

追加された 28 10月 2011 〜で 04:13, 著者 Albert Renshaw, 源

たとえば、URL javascriptを使用してタイプを「非表示」に変更することができます...タイプが「テキスト」なので太字が表示されないと思います...設定/タイプがありますかなどのHTMLを入力することもできますし、fontWeightのようなCSSを入力して表示することはできますか？私はそのタイプが "text/css"である必要があると仮定しました

追加された 28 10月 2011 〜で 04:18, 著者 Albert Renshaw, 源

ああ！さて、私はHTMLを許可する空のクラスにクラスを変更する必要があった..今働いて！ありがとう！ :)

追加された 28 10月 2011 〜で 04:22, 著者 Albert Renshaw, 源

だから私はそれを大胆にしています！それは素晴らしい仕事でした！フォントの色を赤色にするかどうか（まだURL入力を使用している）はどうでしょうか？

追加された 28 10月 2011 〜で 04:23, 著者 Albert Renshaw, 源

javascript：void（document.getElementById（ 'q'）。style.color = 'gr＆zwnj; een'）;

追加された 28 10月 2011 〜で 04:24, 著者 Albert Renshaw, 源

構文をチェックすると、大括弧などがない可能性があります。答えの完全なコードを含むサンプルを追加しました

追加された 28 10月 2011 〜で 04:11, 著者 galchen, 源

入力の種類をtext/cssに変更することはどういう意味ですか？フォーム<input>要素の型は "text"です。

追加された 28 10月 2011 〜で 04:15, 著者 galchen, 源

フォーム入力要素 - テキストに設定されている場合は、ユーザーが入力できるフィールドであることを意味します。それが隠されていると、ユーザーがそれを見ないことを意味します。あなたがここでやっていることは、要素の「スタイル」を変えることです。 HTMLドキュメントに可視要素がある場合（入力タイプ=テキストは可視要素）、要素のスタイル（枠線、パディング、フォント、フォントの太さ、幅、高さなど）を設定できます。これは私たちがこのケースでやっていることです

追加された 28 10月 2011 〜で 04:22, 著者 galchen, 源

それのためにCSSを書いてください。

#p{ font-weight: bold; }

0

追加された 28 10月 2011 〜で 03:52 著者 Gabe

源

次に動作するコードがあります：

<html> <head> <script type="text/javascript"> function setDefaultText (text) { var elem = document.getElementById('q'); elem.value = text; elem.style.fontWeight = 'bold'; } </script> </head> <body onload="javascript:setDefaultText('test');"> <input id="q" /> </body> </html>

NOTE: You can set the font-weight with CSS or JavaScript, but you don't need both.

0

追加された 28 10月 2011 〜で 04:02 著者 drnewman

源

著者 Gabe · Answer 1 · 2011-10-28T03:52Z

それのためにCSSを書いてください。

#p{
   font-weight: bold;
}

著者 drnewman · Answer 2 · 2011-10-28T04:02Z

次に動作するコードがあります：

<html>
    <head>
        <script type="text/javascript">
            function setDefaultText (text) {
                var elem = document.getElementById('q');
                elem.value = text;
                elem.style.fontWeight = 'bold';
            }
        </script>

        
    </head>
    <body onload="javascript:setDefaultText('test');">
        <input id="q" />
    </body>
</html>

NOTE: You can set the font-weight with CSS or JavaScript, but you don't need both.