ここをクリックすると、下のエリアの半角英数記号文字(列)を太字にして、ついでに赤くできます

半角Charのみを見つけます

文書中のhalf-widthなキャラクターたちだけに新しいスタイルをPLUS !

このエリア内の、半角全角(日本語キャラクタ と 西洋のCharacters)が入り交じった文章中の半角英数記号(half-width characters)のみを赤い太字にしてみます。

元がベタTEXTであれば楽なのですが、htmlタグが含まれていると、"innerHTMLを取ってきて、その中に含まれる半角文字を見つけて変換..." という操作では、タグに使われている半角英数字も引っかかってしまうので、これが以外と難儀です。

Styleが崩れるどころか、まぁ表示が無茶苦茶になってしまいますからね。

変換scriptの詳細についてはコチラのBlog記事をご覧頂くとして、この方法であれば、文書中のHTMLタグを除いた部分の半角英数記号を的確にキャプチャして、元のスタイルを維持したまま、それらを弄ることができるのです。

実際にどんな場面で使うのか? それはあなた次第。It's up to YOU!!

June 07 / 2011 記す。