Home
/
JavaScript

JavaScript Input add

Input add

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document</title>
<script>
var Cnt=0;

</script>
</head>

<body>
<a href="javascript:AddFreind();" id="hylkAddFreinds">Add More Freinds</a>
<script>
/*
var newText = document.createTextNode("Four score and seven years ago...")
var newElem = document.createElement("P")
newElem.id = "newestP"
newElem.appendChild(newText)
document.body.appendChild(newElem)
*/
function AddFreind(){
// var divFreinds=document.getElementById('divFreinds');
Cnt=Cnt+1;
var strFreind="<table border='0' cellspacing='0' cellpadding='0' width='100%' align='center'>" + "<tr>" + "<td Class='darkgrey'>Name" + Cnt + "</td>" + "<td><input type='text' id='txtFriendName" + Cnt + "' Class='textBox'></td>" + "<td Class='darkgrey'>Email Address" + Cnt + "</td>" + "<td align='right'><input type='text' id='txtFriendEmail" + Cnt + "' Class='textBox'></td>" + "</tr>" + "</table>";
//document.write(strFreind);
//divFreinds.innerHTML=divFreinds.innerHTML +strFreind;
var newText = document.createTextNode("Four score and seven years ago...");
var newElem = document.createElement("P");
newElem.id = "newestP";
newElem.appendChild(newText);

var newElem1 = document.createElement("input");
newElem1.id = "textP";
newElem1.type = "text";
newElem.appendChild(newElem1);
document.body.appendChild(newElem);
}
</script>
</body>
</html>

Related Snippets