读取多个input标签的值
当表单(form)中含有多个input时,若有多个想要一同读取并且组成数组的值,则可以用getElementsByName()或getElementsByClassName()函数来读取。(函数名有s)
<body>
<form name="form1" action="" method="post">
<table border="1px" align="center">
<tr>
<td>第1个:<input type="text" name="money" size="1" value="1"></td>
<td>第2个:<input type="text" name="money" size="1" value="2"></td>
<td>第3个:<input type="text" name="money" size="1" value="3"></td>
<td>第4个:<input type="text" name="money" size="1" value="4"></td>
<td>第5个:<input type="text" name="money" size="1" value="5"></td>
</tr>
</table>
</form>
<script type="text/javascript">
var arr = document.getElementsByName("money");
for (var i = 0; i < arr.length; i++) {
window.alert(arr[i].value);
}
</script>
</body>
JS对p标签插入值
如果只是添加文本信息,可以使用innerhtml
如:
var p = document.getElementById("pid");
p.innerHTML += "你要添加到内容";
如果是添加节点
var oPNode = document.getElementById('pId');//获取p节点的对象
var node = document.createElement('span');//创建一个文本节点
node.innerHTML = 'this is a span';//文本内容
oPNode.appendChild(node);//将创建的文本内容插入到p节点中,追加方式。