<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> 职业 <select class="t1"><option>职业</option></select> fdsafds <select class="t1"><option>fdsafds</option></select> 玩家 <select class="t1"><option>玩家</option></select> 我想在网页上查找所有select且式为t1的对象,然后改写成上面的样子 <select class="t1"><option>林荫大道</option></select> <div class="t2"><select class="t1"><option>林荫大道</option></select></div> <mce:style><!-- .t2 {background-color: #FF0000;padding:10px;border:2px solid #FF0000;display:inline;} --></mce:style><style mce_bogus="1">.t2 {background-color: #FF0000;padding:10px;border:2px solid #FF0000;display:inline;}</style> <mce:script type="text/javascript"><!-- function aa(){ var s = new Array(); var t = document.getElementsByTagName('select'); var j = 0; for(var i=0;i<t.length;i++){ if(t[i].className=='t1'){ s[j] = t[i]; j++; } } if(j==0)return; var k = m = null; for(var i=0;i<s.length;i++){ k = s[i].parentNode; m = createDiv(k); s[i].replaceNode(m); m.appendChild(s[i]); } function createDiv(p){ var div = document.createElement('div'); div.className = 't2'; p.appendChild(div); return div; } } alert(document.body.innerHTML); aa(); alert(document.body.innerHTML); // --></mce:script> </BODY> </HTML>