提交按钮替换成超链接

 

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.onload=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>

你可能感兴趣的:(超链接)