Maison > interface Web > js tutoriel > JS ajoute et supprime dynamiquement le nœud UL LI et les exemples de contenu associés_compétences Javascript

JS ajoute et supprime dynamiquement le nœud UL LI et les exemples de contenu associés_compétences Javascript

WBOY
Libérer: 2016-05-16 16:47:27
original
1494 Les gens l'ont consulté
复制代码 代码如下 :



  • 11111111111111111del

  • 22222222222222222del

  • 33333333333333333del

  • 44444444444444444del

  • 55555555555555555del




<script> <br><br>function $$(id){ <br>var obj=document.getElementById(id); <br>return obj; <br>} <br><br>function del(n) { <br>$$('ul').removeChild($$(n)); <br>} <br><br>function add(id,txt) { <br>var ul=$$('ul'); <br>var li= document.createElement("li"); <br>var href_a = document.createElement("a"); <br>href_a.href="javascript:del('" id "');"; <br>href_a.innerHTML ="del"; <br>li.innerHTML=txt; <br>li.id=id; <br>li.appendChild(href_a); <br>ul.appendChild(li); <br>} <br><br>function add_car(obj){ <br>//chk ul childNodes length <br>if($$('ul').childNodes.length<3){ <BR>var flag = vrai ; <BR>var ul_obj=$$('ul').childNodes; <BR>var car_id=obj.options[obj.selectedIndex].value; <BR>var txt=obj.options[obj.selectedIndex].text; <BR>if(car_id!=null&&car_id!=""){ <br><br>for(var i=0;i<ul_obj.length;i ){ <br><br>if(ul_obj[i]. id==car_id){ <BR>alert("已经添加!"); <BR>flag=false; <BR>} <BR>} <br><br>if(flag){ <BR>add(car_id,txt); <BR>} <BR>} <br><br>}else{ <BR>alert("只允许加入三个值!"); <BR>retour ; <BR>} <BR>} <br><br>function getulvalue(){ <BR>if($$('ul').childNodes.length==0){ <BR>alert("请选择相关内容!"); <BR>retour ; <BR>}else{ <BR>var txt=""; <BR>for(var i=0;i<$$('ul').childNodes.length;i ){ <BR>txt =$$('ul').childNodes[i].id ","; <BR>} <BR>$$("ul_value").value=txt; <BR>} <br><br>} <BR></script>
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal