Ads
I call my js function from HTML code from another file. Now I would like to create a input button on page using createElement() in my called function. I used something like this but doesn't seems to work. Lets show is the function being called function show(){ var element=createElement('button'); element.setAttribute('id', 'show'); element.appendChild(document.createTextNode('Button')); } what is the right way
I call my js function from HTML code from another file. Now I would like to create a input button on page using createElement() in my called function. I used something like this but doesn't seems to work. Lets show is the function being called
function show(){
Share on Google+ var element=createElement('button');
element.setAttribute('id', 'show');
element.appendChild(document.createTextNode('Button'));
}
what is the right way
<html>
<script>
function addRow(){
var ptable = document.getElementById('ptablePerson');
var lastElement = ptable.rows.length;
var index = lastElement;
var row = ptable.insertRow(lastElement);
var cellText1 = row.insertCell(0);
var element = document.createElement('input');
element.type = 'text';
element.name = 'person' + index;
element.id = 'person' + index;
element.size = 30;
cellText1.appendChild(element);
var cellText2 = row.insertCell(1);
var element = document.createElement('input');
element.type = 'text';
element.name = 'person' + index;
element.id = 'person' + index;
element.size = 30;
cellText2.appendChild(element);
var cellText3 = row.insertCell(2);
var element = document.createElement('input');
element.type = 'button';
element.value='Button';
element.name = 'person' + index;
element.id = 'person' + index;
element.size = 30;
cellText3.appendChild(element);
document.getElementById("psize").value=index;
}
</script>
<form >
<input type="hidden" name="psize" id="psize">
<table style="border:1px solid #000000;" bgcolor="#efefef"
id="ptablePerson" align="center">
<tr>
<td><input type="text" name="person1" id="person1" size="30" /></td>
<td><input type="text" name="person1" id="person2" size="30" /></td>
<td><input type="button" name="person1" value="Button" id="person4" size="30" /></td>
</tr>
</table>
<table align="center">
<tr><td></td><td><input type="button" value="Add" onclick="addRow();" /></td></tr>
</table>
</form>
</html>
Ads
Ads