html + js-CSDN博客

本文链接：https://blog.csdn.net/u012461550/article/details/42608995

dom操作

  
  
   
   var tbody=document.createElement("tbody");
  
  
  
  
   
   tbody.setAttribute("id","table_body");
  
  
  
  
   
   tbody.innerHTML
   
   ="你好";
  
  
  
  
   
   document.getElementById('table').appendChild(tbody);
  
  
  
  
   
    
   
   document.getElementById('table').removeChild(document.getElementById('table_body'));

json 遍历

  
  
   
    
   
   var result = eval('(' + msg + ')');                                
  
  
  
  
   
   for(var i=0;i<result.data.length;i++){
  
  
  
  
   
                                           var tr=document.createElement("tr");
  
  
  
  
   
                                           var td0=document.createElement("td");
  
  
  
  
   
                                           td0.innerHTML=result.data[i].id;
  
  
  
  
   
                                           tr.appendChild(td0);
  
  
  
  
   
                                           document.getElementById('table_body').appendChild(tr);
  
  
  
  
   
   					$("#table").table( "refresh" );# 更新jQuery mobile 的选择列
  
  
  
  
   
                                   }

ajax

  、function send(){

                
                var parameter=document.getElementById("snList").value;
      if(parameter.length <=0 ){
          alert("总得填点什么吧？？？");
          return;
      }
      if( parameter.indexOf("&") >= 0){
          alert("包含非法字符 & ");
          return ;
      }
      if( parameter.indexOf("%") >= 0){
          alert("包含非法字符 % ");
          return;
      }
      $.ajax({
                        type : "POST",
                        url : "../shell/getMsgFromCameraID.py",
                        data : "parameter=" + parameter, 
                        success : function(msg) {
                                 handle(msg);
                        }
                });
        }

jquery mobile

动态刷新checkbox
$(".checkbox").checkboxradio(); #实例化
$(".checkbox").checkboxradio("refresh");#刷新
动态刷新table
$("#table").table( "refresh" );
   
   
    
    动态刷新select 
   
   
   
   
    
    $( "#select" ).selectmenu( "refresh" );