JAVASCRIPT를 통해 새 행의 html 요소 이름을 변경할 수 없습니다

Question

안녕 얘들 아 여기 좀 도와주세요, addROW 함수를 사용하여 테이블에 새 행을 추가하지만 모든 새로운 행의 html 요소 이름을 변경하고 싶습니다 열. CODE

function addRow(tableID) { 

      var table = document.getElementById(tableID); 

      var rowCount = table.rows.length; 
      var row = table.insertRow(rowCount); 

      var colCount = table.rows[0].cells.length; 

      for(var i=0; i<colCount; i++) { 

       var newcell = row.insertCell(i); 

       newcell.innerHTML = table.rows[0].cells[i].innerHTML; 
       //alert(newcell.childNodes); 
       switch(newcell.childNodes[0].type) { 
        case "text": 
          newcell.childNodes[0].value = ""; 
          newcell.childNodes[0].name = "newratings" //this doesnt work 

          break; 
        case "a": 
          newcell.childNodes[0].value = "Delete Course"; 
          break; 
        case "select-one": 
          newcell.childNodes[0].selectedIndex = 0; 
          newcell.childNodes[0].name = "newcourses" //this doesnt work 
          break; 
       } 
      } 
     } 

Answer 1

setAttribute 기능의 사용을 고려 했습니까? 시도해보십시오.

.....childNodes[0].setAttribute("name", "yourName"); 

예를 들어 작동하지만 시작하려면 더 많은 검색이 필요할 수 있습니다.

한 가지주의해야 할 점은 자식 노드는 태그, 텍스트 노드 또는 주석일 수있는 모든 자식 노드 가능성의 컬렉션을 반환하므로 더 나은 옵션은 getElementsByTagName()을 대신 사용하는 것입니다.

Answer 2

이 답변에 추가 한 예를 보겠습니다. 텍스트 요소 이름을 설정한다고 생각합니다.

JsFiddle