JS 동적 생 성 Table, Tr, Td 및 할당 의 구체 적 인 실현
테마 목록 이 성과 유형 에 따라 바 뀌 도록 요구 합 니 다.
인터넷 에서 자 료 를 조회 한 후 작업 을 시작 합 니 다. 성과 유형 드 롭 다운 상자 에 change () 이벤트 트리거 Dwr 를 추가 하고 테마 집합 ― 동적 생 성 / 편집 Table 을 조회 합 니 다.
개요 코드 는 다음 과 같 습 니 다.
JS
//
function getzts(){
parentId = document.getElementById("bselect1").value;
if(parentId!=""){
dwrMethod.getZtList(parentId,callback5);
}else{
// Table
var t=document.getElementById("zhutiTable"); // Table
var length= t.rows.length; // Table
if(length!=0){ // ,
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
var r = t.insertRow();
var c = r.insertCell();
c.innerHTML=" ";
document.getElementById('zhutiTable').appendChild(t);
}
}
function callback5(provinces){
var t=document.getElementById("zhutiTable"); // Table
var length= t.rows.length; // Table
if(length!=0){ // ,
for(var i=length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
if(provinces.length>0){
for (var i = 0; i < provinces.length; i++) {
//tr
if(i%4==0){
var r = t.insertRow(t.rows.length);//
}
//td
var c = r.insertCell(); //
c.innerHTML = ""+provinces[i][1];
}
}else{
var r = t.insertRow();
var c = r.insertCell();
c.innerHTML=" ";
}
document.getElementById('zhutiTable').appendChild(t);
}
html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.