使用JS创建页面元素

这里只是一个很简单的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2

<HTML>
3

<HEAD>
4

<TITLE> New Document </TITLE>
5

<META NAME="Generator" CONTENT="EditPlus">
6

<META NAME="Author" CONTENT="">
7

<META NAME="Keywords" CONTENT="">
8

<META NAME="Description" CONTENT="">
9

function myTest(d)
11

{
12

if(!document.getElementById("txt1"))
13

{
14

var txt = document.createElement("input");
15

txt.id = "txt1"
16

txt.type = "text";
17

txt.value = d.innerHTML;
18

d.innerHTML = "";
19

var btnSubmit = document.createElement("input");
20

btnSubmit.type = "button"
21

btnSubmit.id = "btnSubmit";
22

btnSubmit.onclick = aaa;
23

btnSubmit.value = "修改"
24

d.appendChild(txt);
25

d.appendChild(btnSubmit);
26

}
27

}
28

function aaa()
29

{
30

alert(document.getElementById("txt1").value);
31

document.getElementById("test").innerHTML=document.getElementById("txt1").value;
32

}
33

</script>
34

</HEAD>
35

<BODY>
37

<form id="Form1" method="post" runat="server">
38

<div id="test" style="BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; BORDER-LEFT: #336699 1px solid; WIDTH: 400px; BORDER-BOTTOM: #336699 1px solid; HEIGHT: 32px"
39

onclick="myTest(this)">ssss</div>
40

</form>
41

</BODY>
42

</HTML>

posted on 2007-01-16 12:14 空空儿阅读(242) 评论(0) 编辑收藏网摘所属分类: ASP.NET 、JAVASCRIPT

与我联系

搜索

留言簿(7)

我参与的团队

随笔分类(53)

资源链接

最新随笔

最新评论

阅读排行榜

评论排行榜