-4

テキスト内の特定の母音をカラー フィールド (四角形または円) に置き換えたい。たとえば、"Anna" という単語は (黄色のカラー フィールド)nn (黄色のカラー フィールド) に変換されます。これまでのところ、この要素が適しているように思えますが、画像はどこで入手できますか? また、置換操作は HTML でどのように機能するのでしょうか? あなたが推奨できるそのような操作のチュートリアルはありますか? たくさんの n00b よろしくお願いします！

4

3 に答える 3

0

JavaScript 正規表現を使用して母音を検索し、それらをグリフィコンまたは単に背景色のスパンに置き換えることができます。例えば：

var lipsum = document.getElementsByTagName("div")[0].innerHTML;

// search for all vowels
lipsum = lipsum.replace( /[aeiou]/gi, function(x) { 
    // replace each vowel with a span that has a class with a value of that vowel
    return "<span class='" + x + "'>&ensp;</span>"; 
});

document.getElementsByTagName("div")[0].innerHTML = lipsum;

この例では、各文字クラス名に対応する CSS 定義が必要です。たとえば、次のようになります。

span.a {
    background-color: yellow;
}
span.e {
    background-color: red;
}
...

フィドル: http://jsfiddle.net/ganskop/mbxf1z7g/5/

于 2015-04-03T02:40:22.057 に答える
0

HTML はプログラミング言語ではないため、「置換オプション」は HTML では機能しません。唯一のオプションは、javascript を使用するか、サーバー側で行うことです。

于 2015-04-03T03:14:26.293 に答える