[JavaScript]BRを使った簡単な縦書き
[JavaScript]<BR>（改行）を使った簡単な縦書き
数文字単位の縦書きをする必要にせまられたので、
縦書きのJavaScriptやjQueryを探していても、けっこうボリュームの
あるものだったり、Tableを使っていたりと、もっと簡単で単純なものが
ほしかったので、作ってみました。
jQueryを使えば、もっとカンタンなものもできると思いますが、とりあえず
Javascriptで。
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=utf-8" />
<TITLE>シンプル縦書き</TITLE>
</HEAD>
<BODY>
<div id="src">
今日はとてもいい天気だ。気持ちまで晴々しくなる。
</div>
</BODY>
<SCRIPT type="text/javascript">
var str;
var chgStr=""; // ="" がないとundefinedになるよー
str = document.getElementById("src").innerHTML; //これでHTMLの文字列を取得
for( i = 1; i <= str.length; i++ ) {
chgStr += (str.charAt(i)+"<br>");
}
document.getElementById("src").innerHTML=chgStr; //これでHTMLに文字列を書き出す
</SCRIPT>
</HTML>
☆結果☆
今
日
は
と
て
も
い
い
天
気
だ
。
気
持
ち
ま
で
晴
々
し
く
な
る
。
数文字単位の縦書きをする必要にせまられたので、
縦書きのJavaScriptやjQueryを探していても、けっこうボリュームの
あるものだったり、Tableを使っていたりと、もっと簡単で単純なものが
ほしかったので、作ってみました。
jQueryを使えば、もっとカンタンなものもできると思いますが、とりあえず
Javascriptで。
<HTML>
<HEAD>
<META http-equiv="Content-type" content="text/html; charset=utf-8" />
<TITLE>シンプル縦書き</TITLE>
</HEAD>
<BODY>
<div id="src">
今日はとてもいい天気だ。気持ちまで晴々しくなる。
</div>
</BODY>
<SCRIPT type="text/javascript">
var str;
var chgStr=""; // ="" がないとundefinedになるよー
str = document.getElementById("src").innerHTML; //これでHTMLの文字列を取得
for( i = 1; i <= str.length; i++ ) {
chgStr += (str.charAt(i)+"<br>");
}
document.getElementById("src").innerHTML=chgStr; //これでHTMLに文字列を書き出す
</SCRIPT>
</HTML>
☆結果☆
今
日
は
と
て
も
い
い
天
気
だ
。
気
持
ち
ま
で
晴
々
し
く
な
る
。