ホームページ > ウェブフロントエンド > jsチュートリアル > JS による UL ノード LI および関連コンテンツの動的追加と削除の例_JavaScript スキル

JS による UL ノード LI および関連コンテンツの動的追加と削除の例_JavaScript スキル

WBOY
リリース: 2016-05-16 16:47:27
オリジナル
1468 人が閲覧しました
复制代码代码如下:



  • 11111111111111111del

  • 22222222222222222del

  • 33333333333333333del

  • 44444444444444444del

  • 55555555555555555del







function $$(id){
var obj=document.getElementById(id);
オブジェクトを返します;
}

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 length
if($$('ul').childNodes.length<3){
var flag =本当;
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(flag){
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;
}

}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート