函数中追加文本

最新推荐文章于 2024-11-25 17:31:36 发布

zhuyingying55

最新推荐文章于 2024-11-25 17:31:36 发布

阅读量615

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/zhuyingying55/article/details/73350655

本文介绍了一个使用JavaScript和jQuery动态生成大量输入框的方法。通过一个简单的HTML页面结合JavaScript代码，可以实现在网页上根据设定的数量自动创建指定数量的输入框，并将其添加到指定的HTML元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js 函数中追加文本</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script>
window.onload = function(){
//想要添加几个就把number 的值换掉吧！！！！
var number = 1000;
for(var i=0;i<number;i++){
fun(i);
}
}
function fun(number){
//第一步：创建元素需要用到 document.createElement 如果你想创建 div 创建 img 创建 p 等等的标签，那就把createElement 中的input 换掉吧
var ipt = document.createElement("input");
// 第二步：设置属性如果你想设置宽高的话就把 value 换掉吧，给值的时候例如： ipt.setAttribute("width","10px");
ipt.setAttribute("value",number);
// 第三步：你想要把你创建的元素放在指定的div 中找到指定的div 调用 appendChild()方法然后把你创建的标签放进去就可以了
document.getElementById("d").appendChild(ipt);
}
</script>
</head>
<body>
<div id="d" style="width: 500px;height: 500px;">
</div>
</body>
</html>