自动生成新的表单元素

转载于 2015-10-28 14:56:00 发布 · 79 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/craftsdream/blog/523103

文章标签：

#python #javascript #ViewUI

本文介绍了一个简单的JavaScript函数，该函数可以在网页上动态地生成并插入新的HTML元素。通过按钮触发，此函数会在指定的HTML区域中添加一个带有链接的文本。

2019独角兽企业重金招聘Python工程师标准>>>

通过一个事件，生成新的元素:(是有效果的哦！)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="../../resources/common/common.css"  />
<title>自动生成新的表单元素</title>
<script type="text/javascript" src="../../resources/jquery/jquery-1.11.3.min.js" ></script>
</head>
<body>

<div>
我打算，写个js，用来生成新的标签元素
</div>
<hr>
<input type="button" onclick="addInnerHtml()" />
<div id="innerDiv">

</div>
<script type="text/javascript">
	function addInnerHtml(){
		alert("hello");
		document.getElementById("innerDiv").innerHTML+="<a href='#'>test</a>";
	};
</script>
</body>
</html>

转载于:https://my.oschina.net/craftsdream/blog/523103