js动态往div里添加按钮的两种方式

最新推荐文章于 2023-04-20 09:58:04 发布

weixin_30765475

最新推荐文章于 2023-04-20 09:58:04 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/f-l-y/p/8991247.html

本文介绍了两种在网页中动态创建按钮的方法。第一种方法使用JavaScript的DOM操作来创建和设置按钮属性；第二种方法通过字符串拼接的方式直接修改innerHTML，便于在<a>标签间插入内容。

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

方式1：
var MyDiv =document.getElementById("div_id");
var button = document.createElement("input");
button.setAttribute("type", "button");
button.setAttribute("value", value);
button.setAttribute("id", id);
button.setAttribute("class", class);
button.style.width = "12%";
button.setAttribute("onclick", "function(this.id)");
MyDiv.appendChild(button);

方式2：
var button = "<a role='button' id="+jinfo[i].id+" onclick='function(this.id)'><i class='icon-edit'></i></a>";
MyDiv.innerHTML += button;

//第二种方式方便往<a></a>标签之间添加内容

转载于:https://www.cnblogs.com/f-l-y/p/8991247.html