innerText和innerHTML的區別以及JS函式總結

liqingyu1995發表於2016-08-24
函式總結:
一、函式的宣告
1、常規方式
function aa1(num1,num2){
return num1+num2;
}

2、函式表示式
var aa2=function(num1,num2){
return num1+num2;
};


3、動態建立函式(很少使用)
var aa3=new Function("num1","num2","return num1+num2");


例如:
  function aa1(num1,num2){
         return num1+num2   
    }
    var aa2=function(num1,num2){
         return num1+num2;         
    };
    var aa3=new Function("num1","num2","return num1+num2");
    //測試
    document.write("aa1(1,2)="+sum1(1,2));
    document.write('
');

    document.write("aa2(1,2)="+sum2(1,2));
    document.write('
');

    document.write("aa3(1,2)="+sum3(1,2));
    document.write('
');





注意:
alert("sum1(1,2)="+sum1(1,2));//可以正常執行
    function sum1(num1,num2){
         return num1+num2   
    }
    alert("sum2(1,2)="+sum2(1,2));//錯誤:缺少物件
    var sum2=function(num1,num2){
         return num1+num2;         
    };




innerText和innerHTML之間的區別:
innerHTML:自帶了語法檢查功能,他會自動把不完整的HTML程式碼補充完整:比如:
document.getElementById("AlbumList").innerHTML="";
alert(document.getElementById("AlbumList").innerHTML);
他會自動把我的程式碼裡面新增了
等標記.

從這個標籤開始到這個標籤結束裡面新增內容;
比如:




var jieguo=document.getElementById('id1').value;
document.getElementById('id2').innerHTML=jieguo;

這個結果會把連input標籤和input標籤裡面的內容覆蓋。


而innerText就是在某個標籤裡面新增內容。
比如:



var jieguo=document.getElementById('id1').value;
document.getElementById('id2').innerText=jieguo;

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/30211155/viewspace-2123907/,如需轉載,請註明出處,否則將追究法律責任。

相關文章