js操作dom

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<SCRIPT LANGUAGE="JavaScript">
 var elm_values = [] ;
 var elm_texts = [];
 var elm1_id ;
 var elm_descs = [];
 var elm_ids =[];
 var elm_types =[];
 var elm_readonlys =[];
 var elm_relateds =[];
 var elm_validate = [];

  function doXml()
  {
   if (window.ActiveXObject){
    var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
    xmlDoc.async=false; //Enforce download of XML file first. IE only.
   }else if (document.implementation && document.implementation.createDocument){
    var xmlDoc= document.implementation.createDocument("","doc",null);
   }
   if (typeof xmlDoc!="undefined")
   xmlDoc.load("elms.xml");


   
   //獲取信息:

   var a = xmlDoc.getElementsByTagName('element');
   for(var i=0;i<a.length;i++){
    elm_descs.push(a.item(i).getAttribute('desc'));
    elm_ids.push(a.item(i).getAttribute('id'));
    elm_types.push(a.item(i).getAttribute('type'));
    elm_readonlys.push(a.item(i).getAttribute('readonly'));
    elm_relateds.push(a.item(i).getAttribute('related_diaplay'));     
   }

   var opt_value=xmlDoc.documentElement.selectSingleNode("//list").childNodes;
   for(var i=0;i<opt_value.length;i++){
    elm_texts.push(opt_value.item(i).text);
    elm_values.push(opt_value.item(i).getAttributeNode("value").text);
    
   }

   //輸出到頁面   
   var tab = document.createElement("table");
   tab.border =1;
   var tbody = document.createElement("tbody");
   var tr = document.createElement("tr");
   for(var i=0;i<elm_ids.length;i++){
    var td1 = document.createElement("td");
    var tname =document.createTextNode(elm_descs[i]);
    td1.appendChild(tname);

    var td2 = document.createElement("td");
    var input =document.createElement("input");
    input.setAttribute("type",elm_types[i]);
    input.setAttribute("id",elm_ids[i]);
     if(elm_readonlys[i] !="undefined")input.readOnly = elm_readonlys[i];
     if(elm_relateds[i] !="undefined")
     {
      input.setAttribute('onchange',document.all ? eval(function(){check(this.value)}) : 'javascript:check(this.value)');
      elm1_id=elm_relateds[i];
      //var str = elm_ids[i]+'-'+elm_relateds[i];
      //alert(str);
      //elm_validate.push(str);
     }
     td2.appendChild(input);    
     tr.appendChild(td1);
     tr.appendChild(td2);
    
   }
   tbody.appendChild(tr);
   tab.appendChild(tbody);
   document.getElementById('show').appendChild(tab);
    

  }

  //動態賦值
  function check(a){
     for(var i=0;i<elm_values.length;i++){
       if(a == elm_values[i])
       document.getElementById(elm1_id).value = elm_texts[i];      
     }
   
  }
</SCRIPT>
 <BODY οnlοad="doXml();">
 <div id="show"></div>
 </BODY>
</HTML>

發佈了45 篇原創文章 · 獲贊 26 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章