html网页增删改查,使用JS对HTML标签进行增删改查
html⽹页增删改查，使⽤JS对HTML标签进⾏增删改查//定义变量，保存选中的标签
varselectLi;//定义变量，保存修改了的标签
vareditedLi=false;
window.οnlοad=function()
{//新增li标签到末尾
ElementsByTagName("li");for(vari=0;i
{
liObj[i].οnclick=liChoose;
}
番茄炒蛋怎么做
}//新增li标签到末尾
functioninsertEndclick()
{varresult=prompt("需要插⼊的li标签⽂本：","⼩⿊");if(result)
{ateElement("li");
newli.innerHTML=result;
newli.οnclick=liChoose;
论语十则原文及翻译
}
}//新增li标签到指定位置
functioninsertThere()
{if(selectLi)
{varresult=prompt("需要插⼊的li标签⽂本：","⼩⿊");if(result) {ateElement("li");
newli.innerHTML=result;//需要给新增的li标签设置点击事件
newli.οnclick=liChoose;
}
}else{
alert("请先选择要插⼊的位置");
}
}//⾼亮选中的标签
functionliChoose()
{ElementsByTagName("li")for(vari= 0; i {
跑车报价
ul[i].style.backgroundColor= "white";
}this.style.backgroundColor= "yellow";
selectLi= this;
}//删除指定标签
functiondeleteli()
{if(selectLi)
{
veChild(selectLi);
}else{
alert("请先选中要删除的标签");
}
}//修改指定标签
functioneditLi()
{if(selectLi)
{varresult=prompt("输⼊修改内容","⼤⽩");if(result)
{
selectLi.innerHTML=result;
}
今天油价92号多少钱一升
}else{
alert("请选择要修改的标签");
}
华北地区}//将选中的该标签变为⽂本框进⾏内容修改
functioneditLi2()
{if(selectLi)
{//创建⼀个⽂本框
ateElement("input");
selectLi.appendChild(newli);
editedLi= true;
}
}//将⽂本框中的内容保存
functionsaveLi()
{if(editedLi)宸
{vareditValue=selectLi.childNodes[0].value; selectLi.innerHTML=editValue;
}else{
alert("没有标签在编辑状态");
}
}
⼩猫⼩鱼⼩狗⼤象树懒

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。