您的位置
主页 > 网站技术 > 语言编程 > » 正文

js创建元素(节点)示例

来源: 站长圈 点击:

本文为大家介绍下使用js是如何创建元素(节点)的,有需要的朋友可以参考一下,希望对大家有所帮助!

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

<title>jquery2</title> 

<script type="text/javascript"> 

//创建节点 

var addItems = function() { 

document.getElementById("p1").innerHTML = ""; 

var value = parseInt(document.getElementById('itemsNumber').value); 

for (var i = 0; i < value; i++) { 

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

input.setAttribute("type", "text"); 

var br = document.createElement("br"); 

document.getElementById("p1").appendChild(input); 

document.getElementById("p1").appendChild(br); 

</script> 

</head> 

<body> 

<input type="text" id="itemsNumber"> 

<input type="button" id="btn" value="click" onclick="addItems();" > 

<p id="p1"></p> 

</body> 

</html> 




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明