Javascript实现添加、查找和删除元素。
测试文件
{。回复
宽度:500px;
身高:100%;
溢出:隐藏;
背景颜色:# CCC;
边距:10px;
}
{.InfoArea
宽度:380px;
身高:100%;
溢出:隐藏;
}
{词语。
宽度:380px;
高度:自动;
保证金:5px 0px;
浮点数:左;
字体大小:14px;
}
{。时间
左:10px保证金;
边距:3px;
宽度:150px;
身高:20px;
行高:20px;
浮点数:左;
字体族:块;
字体大小:14px;
颜色:# 999;
}
{。replybutton
宽度:60px;
身高:20px;
浮点数:左;
边距:10px;
}
replybutton {输入。
字体大小:12px;
}
{ # CancelButton
可见性:隐藏;
}
中央情报局:中央情报局
2014年5月4日21:56
文本框的显示功能
功能showreplyarea(SRC)
{
document.createelement inputText =(div);
inputtext.classname =inputText ;
inputtext.style.width = 100 %;
inputtext.style.height = '75px;
'3px inputtext.style.margin = 0;
inputtext.style.cssfloat =右;
爷爷,src.parentnode.parentnode.parentnode VaR;
Grandfather.appendChild(inputText);
1 = document.createelement(形式);
form1.action = ;
form1.method = 后;
inputtext.appendchild(1);
inputtextarea = document.createelement(文本);
inputtextarea.style.width = '380px;
inputtextarea.style.height = '40px;
inputtextarea.style.marginleft = '60px;
inputtextarea.style.margintop = '3px;
inputtextarea.style.cssfloat =右;
inputtextarea.style.resize =不关;
textsubmit = document.createelement(输入);
他们服从真主的textsubmit.type =;
textsubmit.value =提交;
textsubmit.style.marginleft = '80px;
textsubmit.style.cssfloat =右;
form1.appendchild(inputtextarea);
form1.appendchild(textsubmit);
点击= grandfather.getelementsbytagname(输入)项目(1);
cancelbutton.style.visibility = 'visible;
submitbutton = SRC;
submitbutton.disabled =真;
}
用于隐藏文本框的函数
功能hidereplyarea(SRC)
{
爷爷,src.parentnode.parentnode.parentnode VaR;
Var inputText = grandfather.getElementsByClassName ('inputText').Item (0);
Grandfather.removeChild(inputText);
点击= SRC;
cancelbutton.style.visibility =隐藏;
submitbutton = grandfather.getelementsbytagname(输入)项目(0);
submitbutton.disabled = false;
}
测试功能为调试,下面是没用的,也是一段经典代码,就呆在这里吧。
shownode()函数
{
var I=4;
submitbutton = document.getelementbyid('submitbutton);
我= submitbutton.parentnode.parentnode.getelementsbytagname(输入)。项目(1)的价值;
警报(一);
}
例二:
在window.onload =函数(){
Var Gaga = document.getelementbyid(加加);
AddClass(Gaga,gaga1 )
AddClass(Gaga,gaxx );
RemoveClass(Gaga,gaga1 )
RemoveClass(Gaga,嘎嘎)
功能hasclass(元素、CNAME){
返回!elements.classname.match!(new RegExp((的| ^)+ CNAME +(的|美元))); / /(的| ^)前方是否有判断空间(的| $)判断是否有两个感叹号后面的空间转换为布尔值来做判断
};
功能节点(元素、CNAME){
如果(!HasClass(元素、CNAME)){
elements.classname =+ CNAME;
};
};
功能removeClass(元素、CNAME){
如果(hasclass(元素、CNAME)){
elements.classname = elements.classname.replace(新(regexp(的| ^)+新闻+(的|美元)),); / /替换法替换
};
};
};
以上是本文的全部内容,希望大家能喜欢。