[JavaScript]document.createElement使用例

document.createElement使用例について共有します。

document.createElement() メソッドは tagName で指定された HTML 要素を生成します。

<apex:page sidebar="false" showHeader="false">
<script language="javascript" type="text/javascript">

    function addElement () { 

        // 新しい div 要素を作成します 
        var newDiv = document.createElement("div"); 
        // いくつかの内容を与えます 
        var newContent = document.createTextNode("Hi there and greetings!"); 
        // テキストノードを新規作成した div に追加します
        newDiv.appendChild(newContent);  

    }


    // パラメータなし
    function btnClick1() {
        addElement();

    }

</script>
<apex:form id="formId" target="_blank">
    <apex:pageBlock >
        <apex:commandButton value="sayHello()" onClick="btnClick1();" />
    </apex:pageBlock>
</apex:form>
</apex:page>