zoukankan      html  css  js  c++  java
  • jquery中的append和js原生中的innerhtml的区别

      一只以为append和 innerhtml没有区别 ,直到今天遇到一个问题,才发现这两者是有区别的。

      今天有个需求,就是往select中动态添加option 代码如下:

    $.ajax({
                type:'POST',
                url:'type/feetype/load.do',
                dataType:'JSON',
                cache:false,
                success:function(data){
                    $.each(data,function(index ,item){
                        var id = data[index].id;
                        var feeType = data[index].feeType;
                        $("#feeType").innerhtml('<option value="'+id+'">'+'&nbsp;&nbsp;&nbsp;'+feeType+'</option>');
                    });
                }
            });

      刚开始以为是我数据的问题,以为后台没有数据传过来,但是后面用alert打印的时候,发现有数据,这才意识到innerhtml可能用不了。

      在查阅相关资料过后,发现用append可以。为了一探究竟,就查看了它俩的区别。

      append是添加子节点,html()和innerhtml作用一样 在容器中添加要添加的代码.

      innerhtml用来 把String型的HTML数据  当做内容写进  Jquery 对象(HTML控件或DOM元素)中。

      append用来把 String的 HTML数据,转换成HTML元素。追加到 指定的 DOM元素。

  • 相关阅读:
    Code Review 五问五答
    JavaScript 10分钟入门
    swagger editor使用
    Tyk API网关介绍及安装说明
    Castle 多继承选择
    线程信息的获取和设置
    s3 api接口的调用
    在Hadoop集群上的HBase配置
    OpenStack 单元测试
    在Hadoop集群上的Hive配置
  • 原文地址:https://www.cnblogs.com/lindev/p/8290479.html
Copyright © 2011-2022 走看看