js、jq textAreaタグの内容の取得と設定

1374 ワード




    
    
         textArea   


    
    


jsはtextAreaの を する:element.innerHTMLまたはelement.value ( :element.innerTextではコンテンツが されません);
jqはtextAreaの を する: する.val()、.html()、.text()はいずれも を できます.

    /** js   */
    var test = document.getElementById("test");
    var text1 = test.innerHTML; //  1
    var text2 = test.value; //  2
    // ,innerText       

    /** jq   */
    var text3 = $("#test").val();   //  1
    var text4 = $("#test").text();  //  2
    var text5 = $("#test").html();  //  3

jsはtextAreaの内容を設定します:

    function change(){
        /** js   */
        var test = document.getElementById("test");
        test.innerHTML = "  ,  !"; //  1
        test.value = "  ,  !"; //  2
        test.innerText = "    !"; //  3

        /** jq   */
        $("#test").html("  、  、   !");  //  1
        $("#test").val("     ");  //  2
        $("#test").text("html  ");  //  3
    }