JavaScript中innerHTML和innerText使用及简单的函数定义与调用

1.任何标签都有这俩个属性innerHTML
                                        innerText  都表示设置标签的文本内容。  
         如何动态给span标签或者div块标签等等添加文本内容呢?
         要使用dom操作
             1)给标签设置id属性
             通过一个固定的语法:获取id="属性值"的标签对
             var 标签对象 = docuement.getElementById("id属性值") ;
             2)标签对象.innerHTML = "<h1>hello</h1>"  ;(常用的) 
                        可以加入常用的html标签进行渲染
             
             标签对象.innerText = "设置普通文本"  ,"<h1>hello</h1>",
            不会渲染(修改)标签!会将标签原文输出浏览器中

例如:<body>

                <span id = "name">        </span>

           </body>           

             <script>
                     var span = document.getElementById("name");
                     span.innerHTML = "<h1>ddd</h1>";
                      /* span.innerText = "<h1>uuu</h1>" ; */
            </script>

两种输出如下:

 

 

 

2.简单的函数调用方法:

<!-- 
        js中定义函数的格式
            function 函数名(形参){   // 形参中不能带var
              
            }   

-->

 <script type="text/javascript">
    //1
         function sum(a,b){
            s = a+b;
            document.write(s);
        }
        sum(10,20);
    //2
        function sum1(a,b){
            return a*b;
        }
        var d = sum1(11,2);
        document.write(d);
     </script>

第一个输出为:30                第二个输出为:22

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值