méthodes DOM ne fonctionne pas dans Chrome, safari, mozilla, fonctionne bien dans IE *

Question

ici mon scénario de code est, lorsque l'utilisateur cliquez sur ajouter si dynamiquement une ligne a été ajouté dans la table pour que j'utilise la fonction javascript .. code html est la fonction qui est comme im appel ci-dessous ::

function addParameterValue(tableid,fieldvalue,actualdt,name,shortname,defaultvalue,secured,syncid) 
{ 

var fieldname1=document.getElementById(fieldvalue).value; 
    var fieldValueLength = document.getElementById(fieldvalue).maxLength; 

     var tableRowsLength = document.getElementById(tableid).rows.length; 
     var textBoxesLength = tableRowsLength - 6; 
     var idValue = fieldvalue+1; 
     benIncr=tableRowsLength; 
     var flag = true; 
     flag=fieldMandatory(fieldname1); 
     if(flag) 
     { 
      var tbl = document.getElementById(tableid); 
      lastRow = tbl.rows.length; 
      iteration= lastRow; 
      var row = tbl.insertRow(lastRow); 
      row.className='detailsPageValue'; 

      var absence0 = row.insertCell(0); 
      addTextBox(fieldvalue); 
      textBoxRow.id=fieldvalue+benIncr; 
      textBoxRow.maxLength="6" 
      textBoxRow.onkeyup=function(){convertLowerCaseToUpperCase(this.id)} 
      absence0.appendChild(textBoxRow); 
      var node1= document.createTextNode(' '); 
      absence0.appendChild(node1); 

      var absence1 = row.insertCell(1); 
      addTextBox(actualdt); 
      textBoxRow.id=actualdt+benIncr; 
      textBoxRow.readOnly=true; 
      absence1.appendChild(textBoxRow); 
      textBoxRow.className='textStyle_80'; 
      var node2= document.createTextNode(' '); 
      absence1.appendChild(node1); 
      jqueryCalender(actualdt+benIncr); 

      var absence2 = row.insertCell(2); 
      addTextBox(name); 
      textBoxRow.id=name+benIncr; 
      absence2.appendChild(textBoxRow); 

      var absence3 = row.insertCell(3); 
      addTextBox(shortname); 
      textBoxRow.id=shortname+benIncr; 
      absence3.appendChild(textBoxRow); 

      var absence4 = row.insertCell(4); 
      addCheckBox(defaultvalue) 
      absence4.appendChild(checkBoxRow); 

      var absence5 = row.insertCell(5); 
       addCheckBox(secured) 
      absence5.appendChild(checkBoxRow); 

      var absence6 = row.insertCell(6); 
      addTextBox(syncid); 
      textBoxRow.id=syncid+benIncr; 
      textBoxRow.onblur = function(){checkNumeric(syncid+benIncr)} 
      absence6.appendChild(textBoxRow); 

      var absence7 = row.insertCell(7); 
      addDeleteImage(); 
      absence7.appendChild(deleteImage); 


     } 
     else 
     { 
      alert("First Row should be added"); 
      return false; 
     } 
} 

sous que vous pouvez bien, je fais appel une fonction qui est « addText » qui est comme ci-dessous comme ci-dessous ::

<td class="addtxt" onClick="addParameterValue('parameterFields','fieldvalue','actualdt','name','shortname','defaultvalue','secured','syncid')">Add</td> 

::

maintenant la chose principale vient ... ici j'appelle les méthodes DOM qui sont .maxLength, .size et .className ... qui fonctionnent bien dans IE * mais ne fonctionne pas pour chrome, safari, mozilla firefox. .

gars plz me aider .. merci d'avance ... :)

Answer 1

Essayez d'utiliser getAttribute

document.getElementById(textboxid).getAttribute("maxlength")