如何使用JavaScript创建动态按钮？
使用JavaScript创建动态按钮的步骤如下：
- 在HTML文件中创建一个容器元素，用于容纳动态按钮。例如，可以使用一个
<div>元素作为容器： - 在HTML文件中创建一个容器元素，用于容纳动态按钮。例如，可以使用一个
<div>元素作为容器： - 在JavaScript文件中使用DOM操作获取到容器元素：
- 在JavaScript文件中使用DOM操作获取到容器元素：
- 创建一个新的按钮元素，并设置其属性和内容。例如，可以使用
createElement方法创建一个<button>元素，并设置其文本内容和点击事件处理函数： - 创建一个新的按钮元素，并设置其属性和内容。例如，可以使用
createElement方法创建一个<button>元素，并设置其文本内容和点击事件处理函数： - 将动态按钮元素添加到容器元素中。可以使用
appendChild方法将按钮添加到容器中： - 将动态按钮元素添加到容器元素中。可以使用
appendChild方法将按钮添加到容器中： - 最后，通过将JavaScript代码添加到HTML文件中的
<script>标签内，或将其链接到外部JavaScript文件来引入该代码，以使其生效： - 最后，通过将JavaScript代码添加到HTML文件中的
<script>标签内，或将其链接到外部JavaScript文件来引入该代码，以使其生效：
这样，当页面加载时，动态按钮会出现在容器中，并且点击按钮会触发预定义的事件处理函数。
需要注意的是，JavaScript的用途远不止创建动态按钮，它还可以用于前端交互、数据处理、动画效果等等。如果您对JavaScript的更多特性和用法感兴趣，可以参考以下链接进一步学习：
相关·内容
如何访问通过javascript创建的mshtml中的动态控件。
我有一个“是”/“否”单选按钮。在选择“是”时，将动态创建一个文本框，并将其添加到此单选按钮的旁边。我可以使用HTMLDocument.getElementsByName、HTMLDocument.getElementById或HTMLDocument.all.item访问单选按钮。
我想访问新创建的文本框。创建动态文本框的代码在javascript中，我对它没有任何控制。
HTMLDocument.getElementById("testId")
返回null。
浏览 3提问于2015-04-03得票数 0
回答已采纳
我已经创建了一个带有关联的动态操作的编辑按钮。在动态操作中，将其设置为“编辑”按钮的Click事件。我已经通过引用执行代码的JavaScript创建了实际的操作。然后更新该地区的情况。
在JavaScript代码中，我想通过按下编辑按钮来启用只读的项目。
APEX_UTIL.PUBLIC_CHECK_AUTHORIZATION('ADMIN')
这是我在JavaScript代码中做的检查。通过这种方式，我为我要应用的区域启用了编辑模式。管理员是一个角色。
如何才能使单击按钮时与区域关联的项目在单击时显示为只读？
浏览 2提问于2019-06-27得票数 0
1回答
我打算使用Javascript动态创建一组html元素(输入框、选择列表、单选按钮等)。每次用户单击“添加更多”按钮。
我在这里找到了这样的Javascript：
那么，如何从代码背后获取这些动态创建的HTML元素的值呢？有没有一种更好的JQuery方式？
谢谢。
浏览 4提问于2010-12-03得票数 0
回答已采纳
拥有一个SAPUI5应用程序。由xml创建的Html视图。JavaScript控制器此应用程序的某些元素，例如按钮，是在相应视图的控制器中动态创建的。也就是说，不能使用元素的id在控制器中获取它，因为id是动态创建的。希望获得应用程序中动态创建的元素来修改它们，例如修改按钮。将动态创建的元素跟踪回其创建的代码的最佳方法是什么？例如，如何将按钮追溯到JavaScript控制器中的原始按钮？这是一个巨大的应用程序，一个视图有多个控制器。我不只是懒惰。
浏览 4提问于2017-06-28得票数 1
回答已采纳
如何使用JavaScript创建带有单击事件的动态按钮？
我试过了，但当我单击add按钮时，就会出现一条警告消息！这不是我想要的--我想要能够点击动态创建的按钮。
<script language="javascript">
function add(type) {
//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes
浏览 0提问于2011-10-10得票数 38
回答已采纳
如何在点击add按钮时动态创建textbox。
在我将输入字段放入文本框中之后。
如何使用javascript或jquery验证动态创建的textbox。
<html>
<head>
<title>Adding and Removing Text Boxes Dynamically</title>
<script type="text/javascript">
var intTextBox=0;
//FUNCTION TO ADD TEXT BOX ELEMENT
function addElement(){
浏览 1提问于2012-02-27得票数 0
回答已采纳
我有一个javascript函数，需要将它添加到一些动态创建的单选按钮onclick中。
我已经尝试过- newRadioSelect.Attributes.Add("onlick"，"javascript:toggle(this);")
上面的代码将其添加到单选按钮创建的span标记中，您知道如何将其添加到单选按钮的input标记中吗？
谢谢
J.
浏览 0提问于2011-05-10得票数 1
回答已采纳
如何通过javascript在相应的delete按钮点击事件上动态添加/移除textbox (不清除textbox的数据)和相应的delete按钮？
注意:每个动态创建的文本框都有一个单独的按钮。
下面是我的javascript函数。我使用的是jQuery 1.3.2
function addOption()
{
var d=document.getElementById("yash");
d.innerHTML+="<input type='text' id='mytextbox' name=
浏览 0提问于2011-09-06得票数 4
回答已采纳
如何使用Javascript或Jquery禁用/启用在ImageButton中动态创建的asp.net？我正在创建一个图像按钮，我想禁用它的按钮点击。如果有人理解，请回答我的问题。提前谢谢.
浏览 3提问于2014-09-03得票数 0
回答已采纳
1回答
有人能告诉我如何在javascript弹出按钮中实现delete函数吗？
我创建了一个for循环，它显示了我的数据库中的元素.
在这个for循环中，在html中创建了一个“删除”按钮，该按钮激活javascript弹出.。
javascript弹出要求用户确认“他是否想删除该项目？”。
如果用户想确认删除特定项(item.id)，他可以单击javascript弹出的.中显示的第二个“删除”按钮。
这个第二个“删除”按钮应该通过生成一个动态链接(例如. / delete /3)来删除项目
我已经成功地将javascript变量链接到动态链接中，但是jinja变量的内容并没有传递给javascr
浏览 3提问于2020-10-08得票数 0
3回答
我的页面上有一组单选按钮：
<form ...>
<input type="radio" name="people" checked> Student
<input type="radio" name="people"> Teacher
<input type="radio" name="people"> Assistant
<!-- Here is the dynamic content, which could be
浏览 9提问于2011-08-19得票数 1
我的网站Aweber注册表收到了很多垃圾邮件。我被告知要在页面呈现后通过javascript或通过单击按钮动态创建表单。如何通过javascript创建和呈现表单？
浏览 1提问于2011-08-06得票数 62
回答已采纳
我想将一个事件附加到JavaScript中的一个元素，问题是我只知道一个简单的事件附件没有参数，但是在这里我想附加一个带有this参数的事件，如下所示
element.addEventListener("onclick",
function RemoveDirectory(this) {
alert(this);
});
当然，在这里，this应该提到element。
编辑
我尝试使用Jquery，但是由于元素不是从DOM中选择的，
浏览 12提问于2012-08-08得票数 0
回答已采纳
我通过代码重写了输入的文件，但是当我们点击动态按钮'Add one more file‘时，JavaScript click() (第13行)就不能工作了。
如何对动态创建的元素使用JavaScript click()方法(而不是jQuery)？
$('input[type=file]').on('change', function () {
code = '<fieldset>' + $(this).parents('fieldset').html()
.replace('Br
浏览 2提问于2013-09-13得票数 1
1回答
我正在尝试创建bootbox对话框，它有三个按钮，可以根据特定的权限进行切换。
我可以创建包含所有三个按钮的对话框，但我不确定如何动态禁用javascript中的按钮。我可以使用以下命令来了解如何禁用peice fo html：
<c:when test="${ loginDetails.canRender }">
在我的javascript中，是否可以禁用启动框对话框中的按钮：
bootbox.dialog("Do you want to continue ?", [{
"label" : "render",
浏览 1提问于2013-07-25得票数 0
我想知道是否有一种方法只使用HTML为Facebook、Twitter和Google +1创建“共享”按钮，而无需在任何时候将任何Javascript插入代码中。
例如，您可以使用下面描述的方法动态创建这些按钮；但是，它们最终都会动态加载Javascript，并在幕后创建自己的代码：
浏览 4提问于2012-06-11得票数 15
回答已采纳
在我的aspx页面上，我使用javascript在客户端动态创建html控件。例如，在页面加载之后，可以单击浏览器中的按钮，单击按钮html输入并选择出现的元素。您可以再次单击，此元素(输入和选择)将再次添加。因此，您可以创建任意数量的输入和选择(所有这些都使用javascript，没有回发)
当用户创建了一些输入并选择并在其中输入了一些信息后，他发布了表单。我希望在服务器端找到所有这些动态添加的元素，并根据该控件中的值执行一些操作。
如何找到动态添加的元素，以及实现这一目标的最佳和优雅方法是什么？
提前谢谢。
浏览 4提问于2011-08-09得票数 3
回答已采纳
6回答
我已经创建了一个动态表，并且我想在javascript中访问其中一个创建的对象。例如:如何添加动态创建的按钮？
<script type="text/javascript">
function myJavaScriptFunction()
{
//How do I know here which button triggered the function?
}
</script>
<table>
<% for (var i=0; i<10; i++) { %>
<tr class="rowcell&
浏览 0提问于2012-10-08得票数 1
回答已采纳
2回答
我已经开发了2个网页：-具有动态内容的页面1-通过buttons+javascript功能+所有创建的表单的提交按钮添加或删除表单。在成功提交表单中的数据后，一个php文件重定向到第2页：-带返回页面-1按钮的第2页(使用window.history.go(-1) javascript函数)
当从页面2返回到页面1时，动态创建的表单似乎丢失了(例如，查看了没有动态内容的原始页面1)，这是不应该发生的。
如何在返回到第一页时保留表单？(我在上注意到了一个类似的问题，但没有任何答案)。
请提出您的建议。
浏览 3提问于2013-07-04得票数 1
1回答
我正在尝试用javascript添加一个页面搜索功能。我在看。
它在iframe内动态创建输入元素，以跳过搜索输入框中的文本。我在我的项目上运行了bootstrap，而动态内容没有获得bootstrap样式。如何使用bootstrap设置输入框和提交按钮的样式？
浏览 2提问于2014-10-11得票数 2
2回答
我正在动态创建文本框和单选按钮，字段是从数据库中获取的。对于我的任务，我需要使用javascript通过勾选单选按钮来禁用一些文本框。但是，单选按钮始终可见。例如，如果我点击第一个单选按钮，它应该禁用第二个和第三个文本框，而不是单选按钮。
我如何使用javascript来实现这一点呢？
浏览 0提问于2011-11-24得票数 0
1回答
好的，假设你有这个：
<input id="test" value="" />
该输入的值是动态生成的。
现在，用户可以双击该输入来选择value，ctrl+c to copy。
我还发现在javascript中，你可以通过"click“来选择输入值。
但是当涉及到创建一个按钮，当点击时会将输入的值复制到操作系统的剪贴板中-我发现只有与Flash一起工作的解决方案。
现在我想知道如何用javascript创建那个按钮？如果可能的话..。:)
浏览 0提问于2009-09-05得票数 8
回答已采纳
2回答
实际上，我正在执行一个任务，比如动态控件的生成，当我通过删除按钮删除最后创建的动态生成的控件时。我正在使用JavaScript执行删除操作。当我创建控件时，会话值递增。现在，当我通过JavaScript执行删除操作时，我需要递减会话的值。
浏览 1提问于2012-12-11得票数 0
回答已采纳
我们有一个区域，在我们的网站上，我们显示两个按钮：“登录”和“现在注册”，如果用户没有登录。如果用户被登录，我们将显示一个按钮"Access“。这些按钮是使用Javascript动态创建的，这取决于用户是否登录。
我如何跟踪点击这些单独的按钮在谷歌分析？这可以使用GTM和链接单击监听器吗？
浏览 0提问于2015-04-16得票数 0
回答已采纳
1回答
我有List和Item。我使用Javascript动态添加Item input，以便将其中的多个添加到单个List中。这些输入应该具有什么name，或者CakePHP是如何以这种方式创建HABTM关系的？
编辑：，所以我读到这样做的方法是将Item输入命名为Item.0.id、Item.1.id等。
由于我使用的是JavaScript，所以在按下按钮时，我看不到使用$this->Form->input('Item.0.id');动态生成输入的方法，我能得到一些建议吗？
浏览 3提问于2014-01-24得票数 0
回答已采纳
我现在正在使用Oracle Apex构建一个web应用程序，并且我想在单击一个按钮后使用Javascript将样式类添加到图表系列中。根据的说法，我知道可以通过static id找到该区域并进行操作。因此，我为图表系列指定了一个静态ID，我想知道如何定位图表系列，并在动态操作中使用Javascript向图表添加样式css。
更新：
基于示例图表(面积)示例，我创建了一个名为change color的按钮，并定义了一个动态操作，该操作将在单击该按钮时触发。真正的操作是执行Javascript代码，如下所示：
$(function( options ) {
// Setup a
浏览 18提问于2019-11-22得票数 1
回答已采纳
我有一些代码可以通过JavaScript动态创建一个新按钮，当单击该按钮时，将调用JavaScript函数。代码在火狐、Chrome、Opera中运行正常，但在IE中却无法正常工作(7--我甚至不会为IE6而烦恼)。
按钮被创建并出现，但它没有调用onclick事件。
var newButton = document.createElement('input');
newButton.setAttribute('id','btnChat_');
newButton.setAttribute('type','button&#
浏览 0提问于2009-08-21得票数 2
回答已采纳
单击create按钮，动态创建组合框选项。
我的需要是，在单击删除按钮时，我必须删除动态创建的选项。
组合框代码：
<select id="connectionname" class="connectionname" onchange="display();" style="width:150px; height:23px;">
<option>---Select---</option>
</select>
动态创建/添加选项的javascript：
var
浏览 1提问于2013-03-06得票数 1
回答已采纳
1回答
是一个php代码，它有一个循环，这个循环动态地创建按钮。当我单击任何按钮时，应该禁用它。为此，我使用了有问题的jquery，想知道jquery将如何知道他需要禁用哪个按钮。
$nomecampoliga=1 or2, or 3, is dynamics.
<html>
<?
while($row = mysql_fetch_array($retval, MYSQL_BOTH)){
echo "<input type='submit' class='<?php $nomecampoliga; ?>' name=$o
浏览 3提问于2015-04-03得票数 0
回答已采纳
1回答
如何从上传表单中动态删除文件？
、、、、
我想创建多路上传的文件组件可能删除动态添加的文件与javascript (当用户点击关闭按钮在文件预览)。
我尝试使用<input type="file" name="files[]" multiple/>，但后来我发现不可能动态更改文件输入值:(
那么我该怎么解决这个问题呢？如何使用户添加后从表单中删除文件成为可能？
浏览 1提问于2012-11-28得票数 1
回答已采纳
2回答
我需要在jquery或javascript中创建全局二维数组
我的函数是这样的
<script>
var globalArray[0] = new Array();
function createArray(){
alert(globalArray[0]);
}
</script>
<div><input type='button' value='save' onclick='createArray();'> </div>
单击该按钮后，我将看到此错误
浏览 0提问于2012-06-04得票数 0
回答已采纳
google +1按钮嵌入代码可以具有带有配置的javascript对象(例如，"{lang:'de'}")。
在普通的javascript中，这个对象会被创建并立即销毁，因为它没有被任何东西引用。
我想知道google脚本是如何访问这个对象的？
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'de'}
</script>
它似乎可以工作-除非您将包含配置对象的脚本标记
浏览 1提问于2011-06-29得票数 11
回答已采纳
1回答
我知道onclick="javascript: history.go(-1)"，但这在动态论坛上是错误的，例如，如果一个用户创建了一个新的帖子，那么它就会更新，他的历史就会不同。如何创建一个动态的“返回”按钮？我是用asp mvc编写的。
我用它来访问我的"post“页面动态：
@Html.ActionLink(Thread.Title, "Post", "Threads", new { @id = Thread.Id }, new { @class = "CategoryTitles" })
但我不确定我该如何去尊重它，
浏览 2提问于2015-12-16得票数 0
我通过添加以下代码，从javascript循环动态创建按钮。
var container = document.getElementById('myList');
var new_element = document.createElement('li');
new_element.innerHTML = '<button type="button" id="">label</button>';
我需要将数组中的元素添加到按钮id和label中。例如，就像这样；
arrMarkers[i].
浏览 1提问于2013-03-12得票数 0
回答已采纳
我已经创建了一个表格，它显示了我的网站的用户。我想添加“编辑”和“删除”按钮到表格中，这很容易(动态工作)，但我如何设置，每个按钮将为其表行工作。例如:每个用户信息行都有“编辑”和“删除”按钮，这些按钮只适用于他们的行(我可以使用他们的按钮编辑和删除每个用户)。另外，最好的解决方案是JavaScript，所以你有什么想法吗？
浏览 0提问于2013-12-13得票数 0
2回答
我正在尝试将一个动态添加到我的网页中。但是，由于某些原因，添加的滑块没有初始化。
下面的jsfiddle演示了我的问题：
我有两个滑块:一个当前存在于页面上(而且工作正常)，一个是javascript在我单击按钮时动态创建的。这两个滑块完全相同，但动态创建的滑块不起作用(它看起来像一个常规文本输入)。
滑块由jQuery (或javascript)初始化，都有以下代码：
<input type="text" class="slider" data-slider-min="0" data-slider-max="10" dat
浏览 0提问于2017-02-08得票数 0
回答已采纳
2回答
Urgent..Anyone请协助如何使用jsp代码动态访问通过javascript添加的元素的数据。我正在使用javascript在.jsp页面上添加空记录(通过在按钮的单击事件上调用下面的函数)，如下所示：
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "text";
element1.value="";
cell1.appendChild(element1);
浏览 0提问于2013-03-29得票数 1
回答已采纳
我试图理解用JavaScript动态创建的超文本标记语言元素。具体地说，有人可以解释为什么我在HTML中创建了一个没有value属性的按钮，它将显示为没有文本。然后我可以给它添加一个值，文本将出现在按钮中，我还可以像这样警告该值：
var Button1 = document.getElementById("Button1");
Button1.value = "test";
alert(Button1.value);
但是，如果我动态生成按钮，然后添加该值，它不会出现在按钮上，尽管我仍然可以警告它。
var Button1 = document.createE
浏览 0提问于2012-04-20得票数 1
回答已采纳
我是jQuery手机的新手。如果我在HTML中硬编码，那么单选按钮小部件将正确呈现，但是小部件没有加载我通过Ajax从JavaScript动态创建的相同的HTML。
当我尝试checkboxradio( "refresh" )时，我会得到一个错误，例如
“无法在初始化之前调用checkboxradio上的方法；尝试调用方法'refresh'”
对于如何刷新动态内容以获得JQM小部件，有什么建议吗？
浏览 1提问于2013-05-06得票数 2
2回答
在页面上查找动态控件时出现问题。每次用户按下按钮时，都会创建动态控件。该按钮调用以下JavaScript函数并创建一个新组件。
<script type="text/javascript">
var uploadCount = 1;
function addFileInput(fName) {
var only_file_name = fName.replace(/^.*[\\\/]/, '');
var $div = $('<div />', {runat: 'se
浏览 0提问于2013-07-05得票数 0
3回答
我想要通过角度动态创建按钮，我现在正在用JavaScript来创建按钮，我正在尝试更改按钮的类名，但是下面是错误，
错误：
属性'className‘在HTMLCollectionOf<Element>类型上不存在。
代码：
var element = document.getElementsByClassName("btnshow")
element.innerHTML = "btnhide";
console.log(HTMLElement);
浏览 4提问于2020-01-03得票数 1
4回答
在Javascript中..如果我有一个动态生成的按钮，我想要一个通用的onClick函数。我该怎么做呢？
<script>
for(i=0;i<something.length;i++){
$('body').append('<button id="btnInit'+i+'" >'+i+'</button>');
}
</script>
我不想为每个按钮创建唯一的onClick函数。我如何才能做到一个适用于所有人的方法。例如，按下时显示其标签文本。
浏览 0提问于2012-01-02得票数 3
回答已采纳
下午好，伙计们。
我正在尝试在Javascript中创建一个函数，它可以生成一个屏幕对话框，类似于VB/VBA中的msgbox函数。到目前为止，我已经成功地在Javascript中编写了msgbox函数，这样当它被调用时，它会动态地在屏幕上创建一个对话框。
它是这样工作的：
if (msgbox("Do you want to continue", YesNo) == Yes) {
//Do something here
}
我想知道的是--有没有办法停止/暂停代码中的流程，直到我动态生成的对话框中的一个按钮被按下？在用户点击对话框中的“是”按钮之前，我不想让“在这
浏览 0提问于2012-10-05得票数 1
回答已采纳
1回答
到目前为止，我已经创建了一个页面，该页面生成一个动态表，通过在文本框中输入文本从数据库中填充数据。现在我如何生成一个单选按钮以及表中正在动态生成的每一行。
<select id='two' name="info">
<option value="m">M</option>
<option value="h">H</option>
</select>
浏览 1提问于2014-01-10得票数 0
回答已采纳
我用javascript和jQuery创建了一个web应用程序。使用jQuery .load()方法呈现动态html页面。
文件home.html，包括angularjs.min.js文件。这个页面只有一个按钮"loadUsers“。单击按钮的处理程序，将"userList.html“文件加载到容器(”#用户容器“)相同的页面中。
userList.html示例内容如下，
<div ng-app>
Enter Your Name: <input type="text" ng-model="txtName" /> <b
浏览 0提问于2019-07-13得票数 2
回答已采纳
6回答
我正在创建一个动态表，其中每一行都有一组单选按钮放置在不同的列中。我想要在单选按钮被单击时更改单元格的背景颜色。我正在使用下面的代码片段构造表格。如何在javascript中识别单选按钮，以便我可以将单元格设置为合适的背景色。
<table>
<c:forEach>
<tr>
<c:forEach>
<td><input type="radio" value="" /></td>
浏览 5提问于2010-02-16得票数 4
在运行时，我使用javascript创建表结构，并将其附加到div中，该div放在更新面板中。这里的问题是，当我使用asp.net按钮控件时，它将页面发送到服务器的按钮的onClick和我创建的任何javascript表都会关闭。当我使用html输入按钮(input type=" button ")时，我不会遇到这个问题，表格也会留在那里。但我必须使用asp.net按钮在服务器端执行必要的操作。有没有什么方法可以恢复结构，或者使用asp.net按钮控件和动态javascript。任何帮助都将不胜感激。
谢谢。
浏览 0提问于2011-02-09得票数 1
回答已采纳
早上好的人。如何使我的javascript或jquery在动态生成的内容中工作。
基本上，我已经创建了生成内容的网页，根据用户在导航菜单上单击的内容。
我所面临的问题：
当主页从内容页面生成内容时，jquery或javascript将无法工作。
但当我单独打开内容页面时，一切都正常。
通过搜索收集的信息：
jQuery.load()方法忽略与动态生成的内容一起出现的脚本标记。
因此，我尝试以下几点：
将我需要的标签放在主页中，而不是内容页中。它不起作用。似乎jquery找不到内容元素，因为它们是动态生成的。
由于jQuery.load()忽略了脚本标记，所以我尝
浏览 7提问于2012-08-18得票数 4
回答已采纳
我使用javascript在jquery中动态添加新标签。我使用以下代码：
$("#mytabs1").tabs("add","list.action","New Tab");
我的问题是如何将关闭按钮(x按钮)添加到这些动态添加的选项卡中？
浏览 0提问于2011-12-08得票数 3
回答已采纳
1回答
当页面的一部分加载了动态创建的按钮时，我无法激活相关的JavaScript / jQuery事件。如何解决此问题？解决此问题的最佳方法是什么？
这是基于我在真实案例中遇到的麻烦。
我使用此函数调用php函数，在使用Ajax的页面中生成一个新的动态创建的分页节。
function loadData(page){
$.ajax({
type: "POST",
url: ".../get_Scorewithagination.php",
data: 'page='+
浏览 0提问于2013-07-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
