从输入控件检索特定模式类型的子节点

Retrieve child nodes of specific schema type from input control

本文关键字：模式 类型 子节点 输入 控件 检索      更新时间：2023-09-26

我有一个遗留文档，其中有一些额外的基于模式的标记:

<td class="inputControl">
    <input id="OffsetAccountsRequired_R0" type="radio" name="OffsetAccountsRequired_N" value="Y" >Yes
        <tla:instruction type="unhide" value="OffSetAccountsApp1"></tla:instruction>
        <tla:instruction type="jscript" value="//Irrelevant JavaScript here"></tla:instruction>
    </input>
    <input id="OffsetAccountsRequired_R1" type="radio" name="OffsetAccountsRequired_N" value="N">No
        <tla:instruction type="hide" value="OffSetAccountsApp1~OffSetAccountsAppls1and2"></tla:instruction>
    </input>
    <input id="OffsetAccountsRequired_R2" type="radio" name="OffsetAccountsRequired_N" value="" checked="true" class="hiddenRadio" onclick="validate_js(this)">
        <tla:instruction type="hide" value="OffSetAccountsApp1~OffSetAccountsAppls1and2"></tla:instruction>
    </input>
</td>

和一些由validate_js(this)事件调用的可怕的JavaScript在这些标签上工作:

// Calling line - in this case 'obj' is the input control 'OffsetAccountsRequired_R2'
tlaInstructions = getInstructionTags(obj, 'tla:instruction');
function getInstructionTags(inputID,tagType){
    var coltla;
    var coltlaArray = new Array();
    tagType = tagType.toUpperCase();
        var tlaFinished = false;
        coltla = inputID.parentNode.childNodes;
        for(var i=0;i<coltla.length;i++){
            if(coltla[i].nodeName.toUpperCase() == 'INPUT' && coltla[i].id == inputID.id){
                for(var j=i;j<coltla.length;j++){
                    if(coltla[j].nodeName.toUpperCase() == tagType){
                        coltlaArray[coltlaArray.length] = coltla[j];
                    }
                    if(coltla[j].nodeName.toUpperCase() == '/INPUT'){
                        tlaFinished = true;
                        break;
                    }
                }
            }
            if(tlaFinished){
                break;
            }
        }
        return coltlaArray;
    }
}

我的任务是使这个JavaScript达到规范，以便它可以在IE9中工作(它以前只在vb6 web浏览器控件中使用过)。

就我有限的JavaScript技能而言，代码的目的是从输入元素中检索所有的tla:指令节点。它使用coltla = inputID.parentNode.childNodes

行来实现这一点

看起来很奇怪，因为它上升了一级，然后又下降了一级。我认为它会这样做，因为如果您只使用coltla = inputID.getElementsByTagName('tla:instruction')，则检索tla:指令元素不会检索节点。

是否有更简单的方法从输入控件中检索特定类型的元素数组?

根据HTML规范input标签不能有任何内容。

开始标签:required，结束标签:forbidden

因此，它们被附加到输入元素的父元素上因此inputID.parentNode.childNodes

下面是使用nextSibling

的简化版本
function getInstructionTags(inputID,tagType){
  var coltla;
  var coltlaArray = [];
  tagType = tagType.toUpperCase();
  var tlaFinished = false;
  var next = inputID;
  while ( !tlaFinished ) {
    var next = next.nextSibling;
    tlaFinished = next == null;
    if ( !tlaFinished ) {
      var nodeName = next.nodeName.toUpperCase();
      if ( nodeName == tagType ) {
        coltlaArray.push(next);        
      } else {
        tlaFinished = (nodeName != '#TEXT');
      }
    }
  }
  return coltlaArray;
}
相关文章：