可変長引数の内容を、DOM操作で順序リスト(ol要素)に表示

JavaScriptにおいて、ユーザー定義関数に引き渡す可変長引数の内容を、forループ文、DOM操作などを使い、順序リスト表示するサンプル。

実装例

ソースコード

JavaScript

<script type="text/javascript">
window.onload = function () {
    document.getElementById( "sample" ).innerHTML = funcList( "項目1", "項目2", "項目3", "項目4", "項目5" );
}
function funcList( $args ) {
    var $list = '<ol>\n';
    for( var $counterVar = 0; $counterVar < arguments.length; $counterVar++ ) {
        $list += '<li>';
        $list += arguments[$counterVar];
        $list += '</li>\n';
    }
    $list += '</ol>';
    return $list;
}
</script>

HTML

<div id="sample"></div>

スポンサード リンク

カテゴリー: JavaScript, リスト, 逆引き パーマリンク