표 케이스
window.onload= function () {
var btn=document.getElementById('btn');
var username=document.getElementById('username');
var age=document.getElementById('age');
var otab=document.getElementById('otab');
btn.onclick= function () {
var otr=document.createElement('tr');
var otd1=document.createElement('td');
otd1.innerHTML=otab.tBodies[0].rows.length+1;
otr.appendChild(otd1);
var otd2=document.createElement('td');
otd2.innerHTML=username.value;
otr.appendChild(otd2);
var otd3=document.createElement('td');
otd3.innerHTML=age.value;
otr.appendChild(otd3);
otab.tBodies[0].appendChild(otr);
};
};
한 줄 삭제
window.onload= function () {
var btn=document.getElementById('btn');
var username=document.getElementById('username');
var age=document.getElementById('age');
var otab=document.getElementById('otab');
var oid=otab.tBodies[0].rows.length;
btn.onclick= function () {
var otr=document.createElement('tr');
var otd1=document.createElement('td');
otd1.innerHTML=++oid;
otr.appendChild(otd1);
var otd2=document.createElement('td');
otd2.innerHTML=username.value;
otr.appendChild(otd2);
var otd3=document.createElement('td');
otd3.innerHTML=age.value;
otr.appendChild(otd3);
var otd4=document.createElement('td');
var oa=document.createElement('a');
oa.innerHTML=' ';
oa.href="javascript:;";
otd4.appendChild(oa);
otr.appendChild(otd4);
oa.onclick= function () {
otab.tBodies[0].removeChild(this.parentNode.parentNode);
};
otab.tBodies[0].appendChild(otr);
};
};
검색
<script>
window.onload= function () {
var text1=document.getElementById('username');
var btn=document.getElementById('btn');
var otab=document.getElementById('otab');
btn.onclick= function () {
for(var i=0;i<otab.tBodies[0].rows.length;i++){
var arr=text1.value.split('');
otab.tBodies[0].rows[i].style.background='';
for(var j=0;j<arr.length;j++){
if(otab.tBodies[0].rows[i].cells[1].innerHTML.search(arr[j])!=-1){
otab.tBodies[0].rows[i].style.background='yellow';
}
}
}
};
};
</script>
<form action="###">
：<input type="text" id="username"/>
<input type="button" value=" " id="btn"/>
</form>
<br/>
<br/>
<table border="1px" cellpadding="0" cellspacing="0" id="otab">
<thead>
<th>id</th>
<th> </th>
<th> </th>
</thead>
<tbody>
<tr>
<td>1</td>
<td> </td>
<td>18</td>
</tr>
<tr>
<td>2</td>
<td> </td>
<td>15</td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td>16</td>
</tr>
<tr>
<td>4</td>
<td> </td>
<td>16</td>
</tr>
</tbody>
</table>
</code></pre>
</article>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
