ITPub博客

首页 > 应用开发 > IT综合 > innerText和innerHTML的区别以及JS函数总结

innerText和innerHTML的区别以及JS函数总结

原创 IT综合 作者:liqingyu1995 时间:2016-08-24 11:17:48 0 删除 编辑
函数总结:
一、函数的声明
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博客 ” ,链接:https://blog.itpub.net/30211155/viewspace-2123907/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: CSS自己总结
请登录后发表评论 登录
全部评论

注册时间:2015-04-17

  • 博文量
    10
  • 访问量
    6934