A5下载站:努力做内容最丰富最安全的下载站! 网站地图最新更新下载排行专题软件发布

热门软件

地铁跑酷

冒险迷岛

全民迷宫

连连消大作战

小河狸创客

阿里健康医鹿

支付宝app

番薯小说

MOMO陌陌

虾米音乐app

位置导航:A5下载 > 源码技巧 > 父类数据

JavaScript使表单中的内容显示在屏幕上的方法

时间:2015-06-30 09:43来源:a5源码作者:zhao浏览:33
这篇文章主要介绍了JavaScript使表单中的内容显示在屏幕上的方法,涉及javascript针对表单元素操作的相关技巧,需要的朋友可以参考下……

本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法。分享给大家供大家参考。具体实现方法如下:

一、使内容水平出现

<html>

<head>

<title>测试</title>

<script type="text/javascript">

function to()

{

var txt=document.getElementById("txt").value;

document.getElementById("a").innerHTML+=txt;

}

</script>

</head>

<body>

<div id="a">在这里显示:</div>

<button onclick="to();">输入</button>

</body>

</html>

二、使内容以表格形式出现

<html>

<head>

<title>测试</title>

<script type="text/javascript">

function to()

{

var txt=document.getElementById("txt").value;

var row=document.getElementById("ib").insertRow();

row.align="center";

var tt0=row.insertCell();

tt0.innerHTML=txt;

}

</script>

</head>

<body>

<div id="a"></div>

<table id="ib">

<tr>

<th>content</th>

</tr>

</table>

<input type="text" id="txt" value="" size="30">

<button onclick="to();">输入</button>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。