>  기사  >  웹 프론트엔드  >  JS는 테이블 행과 열을 추가합니다. 특정 구현 방법_javascript 기술

JS는 테이블 행과 열을 추가합니다. 특정 구현 방법_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:28:05964검색
코드 복사 코드는 다음과 같습니다.




   
    < ;script 언어="javascript" type="text/javascript">
        function addRow() {
            var newTR = document.getElementById("testTable").insertRow(document.getElementById("testTable"). rows.length);
            var newNameTD = newTR.insertCell(0);
            newNameTD.innerHTML = "aa";
           var newNameTD = newTR.insertCell(1);
           newNameTD .innerHTML = " ";
            var newNameTD = newTR.insertCell(2);
            newNameTD.innerHTML = "<입력 이름=' BirthDay' id='BirthDay' type='text'   />";
            var newNameTD = newTR.insertCell(3);
            newNameTD.innerHTML = "<입력 이름='age' id='age ' type='text'    />";
        }
        function insertRow() {
            var oTable = document.getElementById("table_info");
            var oTr = oTable.insertRow();
            var oTd = oTr.insertCell();
           oTd.innerHTML = "새로운 添加了一行";
        }
        함수 insertRow2() {
            //获取table对象
            var table = document.getElementById("table_info2");
            //找到要添加button적 td,这里以表格第一行第一列为例子
            var oTd = table.rows[0].cells [0 ];
            //添加button到td中,添加前吧td内容清空并赋予button代码
            oTd.innerHTML = "
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.