HTML 및 자바 스크립트를 사용하는 프로그램을 사용자가 콘텐츠를 추가하고 HTML 테이블에서 삭제할 수있는 프로그램으로 만들려고합니다. 내가 만든 행은 텍스트 상자에 의해 편집되고 다른 셀만 편집되지 않습니다. 거기 텍스트 상자의 값은 매우 감사 할 것이므로 내 작업을 완료하는 데 도움을주십시오.
내 코드는 다음과 같습니다.
<!Doctype html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
Javascript가 내 자바 스크립트 코드가 올바르지 않을 수도 있습니다. 내 작업에 대한 해결책을 얻으십시오.
<script type="text/javascript">
function delrow0()
{
document.getElementById("myTable").deleteRow(0);
}
function displayResult()
{
var table=document.getElementById("myTable");
var row=table.insertRow(0);
var cell1=row.insertCell(0);
var cell2=row.insertCell(1);
var cell3=row.insertCell(2);
cell1.innerHTML=document.getElementById('txtname').value;
cell2.innerHTML=document.getElementById('txtauthor').value;
cell3.innerHTML=document.getElementById('txtcontent').value;
}
</script>
</head>
<body>
HTML
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
</tr>
</table>
<br>
<button type="button" onClick="displayResult()">Insert new row</button>
<button type="button" onClick="delrow0s()">delete</button>
<form name="create">
Name:<input type="text" id="txtname" /><br/>
Author<input type="text" name="txtauthor" /><br/>
CDate:<input type="text" name="txtcdate" /><br/>
CDate:<input type="text" name="txtcontent" style="height:80px; " />
</form>
</body>
</html>
깡깡이 here
귀하의 코드는 괜찮습니다. 모든 입력에 id 속성을 추가하면 실행됩니다.
Name:<input type="text" id="txtname" /><br/>
Author<input type="text" id="txtauthor" name="txtauthor" /><br/>
Date:<input type="text" id="txtcdate" name="txtcdate" /><br/>
Content:<input type="text" id="txtcontent" name="txtcontent" style="height:80px; " />
하지만 jQuery를 시도해 보면 처리가 훨씬 간단 해집니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다