文字を小文字や大文字に変える

サンプルソース

<span onmouseover="this.style.textTransform='uppercase'" onmouseout="this.style.textTransform='lowercase'">
    →abcdefghijklmn
</span>

style.textTransformで英字の大文字・小文字の表記方法を設定できます。
例では、「→abcdefghijklmn」がonmouseover時に全て大文字(uppercase)、onmouseout時に全て小文字(lowercase)に変わります。

サンプル

関連する内容






Copyright (C) JavaScript@Workshop All rights reserved.