`

JS 动态创建元素并加入到其它元素中

    博客分类:
  • JS
 
阅读更多

<script>
var aElement=document.createElement("input");     
                 aElement.setAttribute("id","the_fee_str");  
                 aElement.id="the_fee_str";  
                 aElement.type="hidden";   
                 aElement.size="30"; 
                 aElement.value="100";

document.forms[0].appendChild(aElement);
//alert(document.getElementById('the_fee_str').value);
//alert(document.forms[0].the_fee_str);
</script>

 

PS:切记要加了红色的部分,否则可能在把其加入到别的元素的时候找不到

分享到:
评论

相关推荐

    动态添加删除表单元素

    2. 添加属性和事件:创建元素后,可以使用`element.setAttribute('name', 'dynamicInput')`来设置其他属性,如name。同时,还可以为元素添加事件监听器,比如`element.addEventListener('keyup', function() {...})`...

    wivjs一个让div元素产生摇摆效果的JS动画库

    `wiv.js` 是一款专门针对HTML中的`div`元素设计的JavaScript动画库,它能够为这些元素提供逼真的摇摆效果,从而在网页交互中增加动态视觉体验。这款库尤其适用于那些需要强调或者吸引用户注意力的场景,如按钮、提示...

    3D元素周期表

    利用JavaScript库,如Three.js或 Babylon.js,开发者可以创建复杂的3D模型并实现动态交互。这些库提供了丰富的图形渲染功能,包括光照、材质、动画等,使得3D元素周期表能够展现出逼真的视觉效果。 在实际开发过程...

    js jquery 加入购物车动画特效

    "js jQuery 加入购物车动画特效"就是一个很好的例子,它利用JavaScript和jQuery库为用户创建了一个商品被添加到购物车的生动动画。这个特效可以使得网站看起来更专业、更吸引人,增加用户的购买意愿。 首先,jQuery...

    js动态添加和删除行

    在网页开发中,JavaScript是一种非常重要的脚本语言,它能够为HTML页面增添交互性。...在实际项目中,你可能会遇到性能优化、兼容性处理、错误处理等问题,这些都是JavaScript动态操作DOM时需要考虑的细节。

    JS+CSS3绘制数字科技脸元素图形特效

    通过JS与CSS3的巧妙结合,我们可以创建出极具创意的网页特效,而“JS+CSS3绘制数字科技脸元素图形特效”就是一个很好的实例,它展示了如何利用这些技术来提升用户体验并打造引人入胜的交互设计。理解和掌握这些知识...

    js动态实现,右键菜单smartMenu,通用插件

    总结,smartMenu是一个利用JavaScript和CSS动态创建的右键菜单插件,它允许开发者轻松定制菜单项并处理用户交互。通过理解其背后的JS动态实现和CSS样式原理,我们可以更好地利用这个工具提升Web应用的功能性和用户...

    fly.js抛物线连续不断加入购物车

    在电子商务网站上,为了提升用户体验,开发者们常常会采用各种动画效果来使...通过分析这些文件,我们可以深入理解fly.js的工作原理,并学习如何将其应用到自己的项目中,实现类似"抛物线连续不断加入购物车"的效果。

    js实现以最简单的方式将数组元素添加到对象中的方法

    这段代码通过创建一个空数组的引用,调用push方法并应用到我们的对象obj上,数组的元素被逐个添加到对象中,同时数组的length属性自动被作为对象的length属性。 需要注意的是,虽然这种方法代码更加简洁,但它也有...

    javascript添加背景水印

    7. **响应式设计**:如果需要,水印可能还需要适应不同的屏幕尺寸和设备方向,这需要在JavaScript和CSS中加入响应式布局的逻辑。 综上所述,"javascript添加背景水印"涉及到的主要知识点包括JavaScript编程、CSS...

    IE创建动态表格注意事项

    - 动态创建大量表格元素可能导致性能问题,特别是在旧版IE中。使用文档片段(`document.createDocumentFragment()`)和批量插入可以显著提高效率。 8. **错误处理和调试**: - IE的错误报告和调试工具与现代...

    Ant构建中使用JS脚本方法

    1. **引入JavaScript库**:如果你的脚本需要依赖某些JavaScript库,你可以使用`&lt;classpath&gt;`元素来添加这些库到脚本的类路径中。 2. **定义变量**:在Ant的XML文件中定义的属性可以被JavaScript脚本访问。你也可以...

    js 点击加入收藏

    在网页开发中,"js 点击加入收藏"是一个常见的用户交互功能,允许用户将当前浏览的页面保存到他们的浏览器收藏夹中。这个功能通常通过JavaScript实现,因为JavaScript是一种广泛用于网页动态交互的编程语言。下面...

    基于javascript实现动态时钟效果

    以上内容,不仅为对JavaScript感兴趣的开发者提供了参考,也为网页设计者展示了如何在网页中加入实用的动态效果,提供了很好的实践案例。对于学习JavaScript和网页设计的朋友们来说,这种动态时钟是一个基础且实用的...

    一个页面元素appendchild追加到另一个页面元素的问题

    `appendChild`不会创建元素的副本,而是移动元素的引用。因此,当一个元素被追加到其他元素后,它将不再存在于原来的位置。 举个例子,假设我们有以下HTML结构: ```html &lt;div id="child"&gt;&lt;/div&gt; ...

    displaceable一个小巧高性能且可配置的JavaScript库可在鼠标移动时平滑移动元素

    总的来说,"displaceable"是一个针对JavaScript开发者的强大工具,尤其适合那些希望在项目中加入平滑元素移动效果的开发者。它的轻量级设计、高性能特性以及高度可配置性,使得它成为实现动态交互效果的理想选择。...

    js jquery 加入购物车动画

    在网页设计和开发中,创建吸引用户的交互体验是至关重要的,而"js jquery 加入购物车动画"就是一种实现这种体验的方式。这个标题所指的知识点主要集中在如何使用JavaScript库jQuery来实现一个动态的、视觉上吸引人的...

    js动态树型结构 树型菜单

    7. **图片支持**:如果描述中提到“带图片”,那么每个节点可能会有一个与之相关的图标,这需要在HTML结构中加入图片元素,并通过JavaScript动态设置其src属性。 在提供的"dtree"文件中,可能包含了实现这一功能的...

    svg添加不同效果的提示信息

    为了实现更高级的功能,如定位、动画效果和交互性,可以借助CSS3和JavaScript库,如Popper.js或Tippy.js,它们能帮助我们轻松地创建高性能、高度自定义的提示效果,并与SVG元素完美集成。 总结,SVG添加提示信息...

    原生js小米商城点击商品加入购物车代码

    这篇文章将深入探讨如何使用JavaScript(JS)这一前端核心技术来实现商品添加到购物车的功能。JavaScript允许我们动态地更新网页内容,使得用户体验更加流畅和直观。 首先,我们需要一个数据结构来存储商品信息。...

Global site tag (gtag.js) - Google Analytics