【基于dom编程中动态创建与删除元素的使用_基础知识】教程文章相关的互联网学习教程文章

javascript – angular 4为ngComponentOutlet动态创建的组件分配@Input【代码】

在Angular 4中动态创建组件,您可以使用ngComponentOutlet指令:https://angular.io/docs/ts/latest/api/common/index/NgComponentOutlet-directive.html 这样的事情: 动态组件@Component({selector: 'dynamic-component',template: `Dynamic component` }) export class DynamicComponent {@Input() info: any; }应用@Component({selector: 'my-app',template: `App<br><ng-container *ngComponentOutlet="component"></ng-contai...

javascript – Jquery点击事件没有触发使用jquery动态创建的元素【代码】

我正在尝试创建一个简单的功能,用户从下拉列表中选择一些值,然后单击添加按钮以标记的形式在下面的div中添加所选项目. 每个添加的标记都有一个删除锚点,单击它时会删除标记. 现在,当点击添加按钮时,正确插入标签,但是,当我单击标签上的删除按钮时,单击事件不会触发. 但是,如果我使用与动态生成的标记完全相同的标记对某些标记进行硬编码,则删除标记的click事件会正确触发,并且标记将按照我的意愿删除. HTML:<select id="ddlTagNam...

javascript – 如何动态创建字典和添加键值对?【代码】

从帖子: ' rel='nofollow' target='_blank'>Sending a JSON array to be received as a Dictionary 我正在尝试做同样的事情.唯一的问题是我不知道密钥和值是什么.所以我需要能够动态添加键和值对,我不知道该怎么做. 有谁知道如何创建该对象并动态添加键值对? 我试过了:var vars = [{key:"key", value:"value"}]; vars[0].key = "newkey"; vars[0].value = "newvalue";但这不起作用.解决方法: var dict = []; // create an empty...

javascript – 如何动态创建’@ -Keyframe’CSS动画?【代码】

我需要旋转div并停在特定位置(该值将从服务器接收). 我试过原生JS来旋转和停止,但它耗费了我的CPU大时间. 我可以用CSS动画旋转,但我需要创建一个动态描述停止动画的位置的类.就像是@-webkit-keyframes spinIt {100% {-webkit-transform: rotate(A_DYNAMIC_VALUE);} } @-moz-keyframes spinIt {100% {-webkit-transform: rotate(A_DYNAMIC_VALUE);} }这是一个参考 http://jsfiddle.net/bVkwH/8/ 提前致谢解决方法:我不认为创建动态的...

javascript – 使用字符串变量动态创建RegExps【代码】

说我想让以下可重复使用:function replace_foo(target, replacement) {return target.replace("string_to_replace",replacement); }我可能会这样做:function replace_foo(target, string_to_replace, replacement) {return target.replace(string_to_replace,replacement); }使用字符串文字这很容易.但是,如果我想让正则表达式变得更加棘手呢?例如,假设我想替换除了string_to_replace之外的所有内容.本能地,我会尝试通过以下方式...

javascript – 获取动态创建的元素jQuery的id【代码】

我正在使用下拉列表生成一些输入字段.我现在希望输入到这些输入字段的文本能够自动更新范围.但是,由于输入字段是动态生成的,因此我很难使用jQuery 谢谢你的帮助! HTML:<div id="url">https://api.test.com<span id="endpoint" readonly="readonly"> </span> </url><div class="control-group"><label class="control-label" for="selectbasic">Endpoint</label><div class="controls"><select id="dropdown" name="selectbasic" ...

使用javascript / Jquery动态创建Div【代码】

我有一个DIv的HTML代码,我想知道是否有方法我可以使用Javascript / Jquery制作相同的div programaticaly. 或者有一种方法我可以在div中添加具有类“panel panel-default”的div,每次都将ID手风琴作为第一元素.感谢帮助解决方法:您需要更改标记以添加一些ID<a id="clone">Add</a>然后<div style="display:none" id="addme">...</div>然后jQuery(function ($) {var $cp = $('#addme');$('#clone').click(function(){$cp.children().c...

javascript – SVG,当我动态创建Text时,Text不会在textPath上呈现【代码】

我想动态创建一个textPath,所以我写了这个:function makeSVG(tag, attrs) {var el = document.createElementNS('http://www.w3.org/2000/svg', tag);for (var k in attrs)el.setAttribute(k, attrs[k]);return el;}function appendSVG(item, tag, attrs) {var el = document.getElementById(item);el.appendChild(makeSVG(tag, attrs));}function TEST() {appendSVG('pannel', 'path', {'id':'PID', 'd': 'M 0 0 L 100 100', 'str...

javascript – 动态创建的图像不会显示何时刷新src以指向它【代码】

我有一个javascript函数generateGraph() {...jQuery.get('chart.php?month='+month+'&year='+year);document.getElementById('graph').src = 'charts/'+month+'_'+year+'.png';... }这被称为onChange.它基本上创建(如果不存在)或刷新(如果已经存在),PNG图像(使用上面的第一行)并且应该显示生成的图像(使用上面的第二行). 第一行有效,但第二行没有.意思是,生成图像,但第二行无法显示图像,除非重新加载页面,或者在页面加载之前已经存...

javascript – 动态创建的表,行数可变【代码】

我需要制作行数等于当月的天数,任何人都可以帮助我吗?我需要使用jquery或javascript动态创建它.解决方法:你可以这样做:function daysInMonth(month,year) {return new Date(year, month, 0).getDate(); }var $table = $('<table>'); var $tbody = $('<tbody>');var days= daysInMonth(new Date().getMonth(), new Date().getYear());$table.append($tbody); for (i = 1; i<= days; i++){var $tr = $('<tr>');var $td = $('<td>'...

javascript – Chrome开发者工具 – 动态创建的元素

有没有办法找出哪个JS脚本在Chrome的开发人员工具中创建了一个动态元素?如果我在页面上“查看页面源”,则该元素不存在.我可以在Chrome的开发者工具中看到该元素.有没有办法找出具体的JavaScript文件和我的JavaScript文件中的哪一行创建元素? 为了帮助澄清:我知道创建了哪个元素…我不知道哪个.js文件创建了它,特别是那个.js文件中的哪一行解决方法:更新的答案: 你刚才说:I know which element it is…what I don’t know is w...

javascript – 如何在Vue.js中使用v-for动态创建新的div?【代码】

我想根据数组中存在的元素数动态创建div. div包含ProgressBar.js创建的html元素. 这是Vue.js代码import ProgressBar from 'progressbar.js' var bar;export default {data() {return {fitness: ['Run', 'Cycle'],val: 0.65}},mounted(){this.showProgressBar(this.val);},created: function() {},methods:{showProgressBar: function(val){new ProgressBar.Circle('#container',{trailColor: 'gainsboro',trailWidth: 20,color: 't...

Javascript:将局部变量传递给动态创建的函数,该函数是另一个函数内的参数【代码】

我正在使用具有以下参数化的函数(无法更改):my_function(data, callback_function(results, status) {});我需要将其他信息传递给callback_function,这些信息无法添加到’data(callback_function使用)或’results’或’status’.具体来说,此信息是my_function调用所在的for循环的计数器. 为此,我在callback_function体内包含对计数器的引用:for(var i = 0; i < 10; i++) {var data = 'cannot modify this data';my_function(data,...

javascript – 需要动态创建单选按钮的帮助【代码】

我在设置动态创建的单选按钮的标签和对齐方面有问题,我想从文本框中检索一个值并使用此值作为新生成的单选按钮的标签,我尝试使用此代码生成单选按钮但是它不会给它一个标签(从文本框中检索到的标签),它也会水平生成单选按钮而不是垂直:HTML:<input type="text" name="option" id="option" value="" /><br> <div id="AddButton" data-role="button" data-inline="true">Add</div><div data-role="fieldcontain"><fieldset data-r...

javascript – 如何使用不同的ID动态创建输入元素?【代码】

我有使用JavaScript动态生成的输入.但是,我不确定如何向这些添加ID.让我说清楚:我想为每个人提供不同的ID,我知道如何为所有人添加一个id. 这就是我尝试过的:$(document).ready(function() { var wrapper = $(".wayptHolder"); //Fields wrapper var add_button = $(".add_field_button"); //Add button ID var x = 0; //initial text box count//add input element $(ad...

DOM - 相关标签
元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部