0

ユーザー名の色を。で変更したいサイトにいますjavascript。で背景を変更することはできましたが、getElementByIdページ全体のテキストの色を変更せずに特定のテキストの色を変更できないようです。getElementByIdページ上の特定のテキストを変更するために使用する方法はありますか?

4

5 に答える 5

0

<div>各ユーザー名を、そのユーザーの ID の ID を持つタグで囲むだけです。そして、それをそのように参照しますdocument.getElementById(). style.color

于 2012-12-21T06:50:51.763 に答える
0

このデモを見る

<div> This div <span id="sp1">elements</span> have <span id="sp2">different</span> colours    </div>

document.getElementById('sp1').style.color = 'green';
document.getElementById('sp2').style.color = 'red';
于 2012-12-21T06:51:35.017 に答える
0

これは、テキストがノードでラップされている場合にのみ可能です。希望のテキストを含めるには、span タグを使用します。このようなスパンのクラスを含めます<span class="username">user name here</span>。次に、CSS スタイルシートで使用します。

span.username{

color : your.desired.color ;

}

サイトを作るならCSSを学ぶことをお勧めします。最高です!CSS を使用したくない場合は、単に<span style="color:red">user name here</span>. ユーザー名が赤字で表示されます。

于 2012-12-21T06:57:15.467 に答える
0

getElementById は、特定の ID を含む HTML 要素全体のみを取得します。したがって、その要素内の特定のテキストの束にスタイルを適用したい場合は、inline elements特定のテキストに を使用できます。例えば:

<div id="text">
  Some text with <span>your name</span> here.
</div>

JavaScript ではなく、単に CSS を使用してスタイルを設定します。

div#text span {
   color: blue;
}
于 2012-12-21T06:53:43.183 に答える
0

次のようなことができます。

document.getElementById("id").style.color = "red";  

デモJSFiddle

于 2012-12-21T06:49:50.103 に答える