function submitToLink(){ //document.getElementById返回值如为null或undefined,则其返回值会被false //document.createTextNode返回值如为null或undefined,则其返回值会被false if(!document.getElementById||!document.createTextNode){ return; } //得到所有的INPUT标签 var inputs = document.getElementsByTagName("INPUT"); //“提交”按钮所在的索引号 var submitIndex = 0; //遍历INPUT标签集合 for(var i=0;inputs.length;i++){ //如某个INPUT标签的value值为"send",则退出循环,submitIndex记录“提交”按钮的索引号 var inputValue = inputs[i].getAttribute("value"); //inputValue==null的情况下,不再转换为小写字母 if("send"==(inputValue?inputValue.toLowerCase():inputValue)){ submitIndex = i; break; } } //提交元素(按钮) var submitTag=inputs[submitIndex]; //创建“提交超链接” var submitLink = document.createElement("A"); //创建一个文本,内容即提交按钮的内容"send"(超链接中的显示部分) var submitLinkText = document.createTextNode(submitTag.getAttribute("value")); //“提交超链接”增一个“文本”子元素 submitLink.appendChild(submitLinkText); //为“提交超链接”的href设置属性 submitLink.setAttribute("href","javascript:document.forms[0].submit()"); //将“提交超链接”替换掉“提交按钮” submitTag.parentNode.replaceChild(submitLink,submitTag); } window.οnlοad=submitToLink;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> DOM Example </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
.error{color:#c00;font-weight:bold;}
</style>
<script type="text/javascript" src="test.js">
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="abc">
<label for="name">Name:</label>
<INPUT TYPE="text" NAME="username">
<INPUT TYPE="submit" value="send">
</FORM>
</BODY>
</HTML>