js操作dom

最新推荐文章于 2024-03-14 19:32:21 发布

fh13760184

最新推荐文章于 2024-03-14 19:32:21 发布

阅读量685

点赞数

分类专栏： JS 文章标签： javascript function input types download html

本文链接：https://blog.csdn.net/fh13760184/article/details/4328431

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>