js enumerations --01

js枚举

//4js枚举 function getall() { var sw = document.all.tags("input") for (var i = 0; i < sw.length; i++) {

$("qwe").innerHTML += ("ID为:"+sw[i].id +" ,值为: "+sw[i].value + "<br>");

} }

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Page-Enter" content="revealTrans(duration=1, transition=3)"> <meta http-equiv="Page-Exit" content="revealTrans(duration=1, transition=3)"> <head> <title>无标题页</title> <style type="text/css"> .style1 { width: 100%; } .style2 { width: 441px; } .classname1 { font-size:15px; color:ActiveCaption; } .classname2 { font-size:25px; color:Blue;} .classname3 { font-size:35px; color:Green; } .classname4 { font-size:45px; color:Yellow; } </style> <script type="text/javascript"> var cernewdiv = document.createElement("Div"); cernewdiv.setAttribute("id", "crediv1"); cernewdiv.style.width = '200'; cernewdiv.style.height = '50'; cernewdiv.style.backgroundColor = '#0FFccc'; function $(id)//获取ID { return document.getElementById(id); } var oldvalue; function fous1(obj) { oldvalue=obj.value; obj.value=""; } //失焦事件 function unfous1(obj) { if( obj.value=='') { obj.value= oldvalue return false; } else { return true; } } //查找下一个节点 function NextNote1(Obj) { var x = Obj.nextSibling; if (x + '' != '[object]') //FireFox的例外 { x = Obj.nextSibling; } crediv(x); } //在指定的节点里输出 function crediv(obj) { obj.appendChild(cernewdiv); }

//创建一个div将div的name属性设为myDiv 右边输出 function crediv_nameR(obj) { cernewdiv.setAttribute("name", "newdiv1"); NextNote1(obj); cernewdiv.innerHTML ="ID="+ cernewdiv.id +" NAME="+ cernewdiv.name; } //创建一个div将div的name属性设为myDiv body输出 function crediv_nameB(obj) { cernewdiv.setAttribute("name", "newdiv1"); cernewdiv.innerHTML ="ID="+ cernewdiv.id +" NAME="+ cernewdiv.name; crediv(obj); } //修改title function divtitle(obj) { if(unfous1(obj)) { cernewdiv.setAttribute("name", "newdiv1"); cernewdiv.title=obj.value; NextNote1(obj.parentNode); cernewdiv.innerHTML ="ID="+ cernewdiv.id +" title="+ cernewdiv.title; } } //修改ID function divid(obj) { if(unfous1(obj)) { cernewdiv.setAttribute("id", obj.value); cernewdiv.name= "newdiv1"; NextNote1(obj.parentNode); cernewdiv.innerHTML ="ID="+ cernewdiv.id +" name="+ cernewdiv.name; } } //修改className function divclassName(obj) { if(obj.value>0) { cernewdiv.className= obj.options[obj.selectedIndex].text; NextNote1(obj.parentNode); cernewdiv.innerHTML ="ID="+ cernewdiv.id +" className="+ cernewdiv.className; } }

//4js枚举 function getall() { var sw = document.all.tags("input") for (var i = 0; i < sw.length; i++) {

$("qwe").innerHTML += ("ID为:"+sw[i].id +" ,值为: "+sw[i].value + "<br>");

} }

///6.使用innerHTM插入HTML片断 function addinnerHTML() { $("d1").innerHTML = "6.使用innerHTM插入HTML片断给<div id="d1"></div>插入<button>come</button><input type='text' value='OK'/>片断<button>come</button><input type='text' value='OK'/>"; }

//7.说明innerText和outerHTML的区别 function innerText1() { var x=$("outHTML")

alert(x.innerText);

} function outerHTML1() { var x=$("outHTML")

alert(x.outerHTML); }

</script> </head> <body>

<table class="style1"> <tr> <td class="style2"><h1>JavaScript作业</h1></td> <td> <input ); }

function byname1() { var objid = document.getElementsByName("byname")[0].value; alert(objid + "\n alert(document.getElementById(\"byname\")[0].innerHTML)"); }

</body> </html>