単一の要素に異なるスタイルを設定する

私はHELLO_WORLDのようなテキストを持っていると考えて、2つの異なるスタイルスタイルを設定することに興味があります。たとえば、HEllo_は緑色で、WORLDは青色で表示できますか？単一の要素に異なるスタイルを設定する

HELLO_WORLDのように一度すべての文字を読み込むので、 私は私が探しています何

<div style=s1>HELLO_</div> 
<div style=s2>WORLD</div>

のようなソリューションに興味がない番号を取得する関数のように気にいらであり、この文字の前の文字にSTYLE1を設定し、残り

に他のスタイルを適用

function applyStyle(charracterNumber){ 

    //Apply style1 to chars before charracterNumber 
    . 
    . 
    . 
//Apply style2 to chars after charracterNumber 

}

charracterNumberはinteger

出典

2016-04-07 Kamyar Parastesh

分割数で文字列を（'のstring.Split（characterNumber） '）、= {styleNumber}> 'を追加し、文字列を一緒に追加します。 – pfkurtz

@pfkurtz答えとして書くことができますか？ –

申し訳ありませんが、StackOverflowは実際に他の人にコードを書くよう求める場所ではありません。 RJMの答えは正しいです。あなたの残りの機能を記入するのに十分な情報がここにあります。 – pfkurtz

スタイルではなく、タグ内の個々の文字に、HTMLタグに適用されています。したがって、各コンポーネントに異なるスタイルを適用するには、2つの文字列コンポーネントを2つの異なるタグに配置する必要があります。

出典

2016-04-07 03:24:13 RJM

非常に簡単です。

htmlには<span>というタグがあります。単独では何もしません。
段落の個々の部分を配置することができます。
異なるスタイルをコードの異なる部分に設定するために作られました。
テキストのさまざまな部分を入れて、それぞれに異なるCSSプロパティを設定します。あなたのコードの場合

、この使用： `<スパンのスタイルで、各文字列をラップ

<div><span style="color:green">HELLO_</span><span style="color:blue">WORLD</span> 
 
</div>

出典

2016-04-07 06:17:03

単一の要素に異なるスタイルを設定する

答えて

関連する問題