0

JavaScriptでボタンの一部だけを太字にする方法はありますか? 私のプログラムは、javascript を使用してボタンを生成します。これらのボタンの値には、ユーザーが検索するキーワードが含まれています。他の単語を太字にすることなく、ボタンのキーワードを太字にしたいと思います。解決策を求めてインターネット全体を検索しましたが、見つかりません。ボタン全体のテキストを太字にする方法は知っていますが、ボタンのキーワードのみを太字にする方法がわかりません。事前にご協力いただきありがとうございます。

4

2 に答える 2

0

input 要素を使用する代わりに、button 要素を使用してください:
最新のすべてのブラウザーで動作します。
ボタンの子ノードとして、画像を含め、任意の html を使用できます。 

<button name="buttonName">hello <b>baby</b></button>

ボタンはフォームを自動的に送信しないことに注意してください。次のように、フォームの送信ハンドラーをボタンにアタッチする必要があります (ドキュメントの最初のフォームであると仮定します)。 

<button name="buttonName" onclick="document.forms[0].submit();">hello <b>baby</b></button>
于 2013-11-03T00:16:25.877 に答える
0

あなたのキーワードは動的なので、JS を使用してボタン要素のキーワードを明確に強調表示することをお勧めしますか? この例では jQuery を使用することにしました。下のボタンでキーワード、たとえば「キツネ」を強調表示したいとします。

<button>The quick brown fox jumps over the lazy dog</button>

以下を使用できます。

$(function() {
        // The keyword can be determined by user input or by other means
        var keyword = "fox",
            re = new RegExp(keyword, "gi");
        $("button").html($("button").html().replace(re, "<span>"+keyword+"</span>"));
});

上記の関数は、キーワードを<span>要素でラップします。キーワードの重みを太字に設定したいとしましょう:

button span {
    font-weight: bold;
}

ここにフィドルがあります：http://jsfiddle.net/teddyrised/HuDKq/

于 2013-11-03T00:16:53.633 に答える