JS는 UL 노드 LI 및 관련 콘텐츠 example_javascript 기술을 동적으로 추가 및 삭제합니다.

复代码 代码如下:

• 11111111111111111del


• 22222222222222222del


• 33333333333333333del


• 44444444444444444del


• 55555555555555555del

선택하세요
11111
22222
33333
44444


<스크립트>

함수 $$(id){
var obj=document.getElementById(id);
obj를 반환합니다.
}

function del(n) {
$$('ul').removeChild($$(n));
}

function add(id,txt) {
var ul=$$('ul');
var li= document.createElement("li");
var href_a = document.createElement("a");
href_a.href="javascript:del('" id "');";
href_a.innerHTML ="del";
li.innerHTML=txt;
li.id=id;
li.appendChild(href_a);
ul.appendChild(li);
}

function add_car(obj){
//chk ul childNodes 길이
if($$('ul').childNodes.length<3){
var 플래그 =사실;
var ul_obj=$$('ul').childNodes;
var car_id=obj.options[obj.selectedIndex].value;
var txt=obj.options[obj.selectedIndex].text;
if(car_id!=null&&car_id!=""){

for(var i=0;i
if(ul_obj[i]. id==car_id){
alert("已经添加!");
플래그=false;
}
}

if(플래그){
add(car_id,txt);
}
}

}else{
alert("只允许加入三个值!");
반환;
}
}

function getulvalue(){
if($$('ul').childNodes.length==0){
alert("请选择상关内容!");
반환;
}else{
var txt="";
for(var i=0;i<$$('ul').childNodes.length;i ){
txt =$$('ul').childNodes[i].id ",";
}
$$("ul_value").value=txt;
}

}