JS常规方法获取表单数据
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39734584/article/details/85166286

以下为原创

<script type="text/javascript">
function showname()//通过id属性获取表单中数据的值
{
var nameofbook=document.forms["dsbooks"]["name"];//这是正确的script的获取form表单中元素的方式,但此条
//命令只是获取的object元素对象,并没有获取它的值,要想取值,还需加上.value.用document.dsbooks.name.value是不对的.
nameofbook.style.color="#ff0000";//改变元素的颜色属性,注意这个元素是表单中的name元素.
var nameofbook=nameofbook.value;//取得元素的数值;
document.getElementById("shownameofbook").innerHTML=nameofbook;//将元素的值写入到HTML元素中去.
document.getElementById("shownameofbook").style.color="#ff0000";//将已写入元素的颜色属性改为红色
//要想改变元素属性,就要找到元素.要想改变元素的数值,就要增加.value方法来获取数值.就象java中使用.toString()来获取字符串是一个道理.
}
function shownamewithfindbyname()//通过name属性来获取表单中数据的值,如果表单的id与name设置不同,则两个函数也会相应变化.
{
	var namefindbyname=document.dsbooks.name.value;	
	document.getElementById("shownameofbookfindbyid").innerHTML=namefindbyname;
	
	
	}
</script>

<p id="shownameofbook">The name of the book</p>
<p id="shownameofbookfindbyid">The name of the book find by Id</p>
<button type="button" onclick="showname()">shownameofbook</button>
<button type="button" onclick="shownamewithfindbyname()">shownameofbookfindbyname</button>