`

javascript动态创建控件三种方法

    博客分类：
  • web
JavaScriptHTML 
阅读更多

javascript动态创建控件的3种方法
以创建按钮为例

<html>
<head>
   <script>
    function add1()
   {
   var obtn=document.createElement("input");
obtn.setAttribute("type","button");
obtn.setAttribute("value","test1");
document.body.appendChild(obtn);//注意如果有form表单不要忘记加入表单
    }
function add2()
{
   var obtn=document.createElement("input");
   obtn.type="button";
   obtn.value="test2";
   document.body.appendChild(obtn);
}
function add3()
{
   var obtn="<input type='button' value='test3'/>";
   document.body.innerHTML=obtn;//这个方法会删除body中的其它控件 可以预先加到固定的容器中
  
}
   </script>  
</head>

<body>
<input type="button" value="add1" onclick="add1()"/>
<input type="button" value="add2" onclick="add2()"/>
<input type="button" value="add3" onclick="add3()"/>
</body>

</html>

 

分享到：
| tomcat get和post提交异同
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    动态创建控件的源代码资源

    三、动态创建控件的实现 1. 在Windows Forms（C#）中： 使用`System.Windows.Forms`命名空间下的类，如`Button`, `TextBox`等，配合`Controls.Add()`方法在窗体上添加控件。例如： ```csharp Button btn = new ...

    dorado 7 前端页面js动态创建控件 demo代码

    在Dorado 7中，前端页面的开发常常涉及到JavaScript动态创建控件的场景。Dorado是一个功能强大的企业级UI框架，它提供了丰富的组件库和强大的数据绑定能力，使得开发者能够构建出交互性强、用户体验良好的Web应用。...

    javascript 日期时间控件

    JavaScript 日期时间控件是一种在Web应用程序中用于用户交互式选择日期和时间的组件。它通常以日历或时钟的图形用户界面呈现，提供了一种直观且易于使用的交互方式，使得用户能够方便地输入或选择日期和时间值。在这...

    JavaScript日历控件 六种日历

    JavaScript日历控件是网页开发中常用的一种交互元素，它能帮助用户方便地选择日期，常见于表单输入、事件安排或时间相关的功能。在给定的资源中，包含了六种不同样式的JavaScript日历，这些日历可能具有不同的设计...

    动态创建不同的控件资源

    在编程领域，动态创建控件是一项重要的技能，尤其在开发用户界面丰富的应用程序时。动态创建控件允许程序根据需要在运行时创建、...无论哪种情况，理解动态创建控件的核心原理和步骤，都将对提升你的编程能力大有裨益。

    javascript控件开发之动态加载

    JavaScript控件开发是一种常见的Web应用开发技术，它允许开发者创建交互性强、功能丰富的用户界面元素。动态加载作为JavaScript控件开发中的一个重要概念，是提升网页性能和用户体验的关键手段。动态加载意味着控件...

    javascript 创建日历控件

    JavaScript是一种广泛应用于网页和网络应用的脚本语言，它在客户端运行，为用户提供动态交互体验。在本主题中，我们将探讨如何使用JavaScript来创建一个日历控件，这个控件可以方便用户在HTML和ASP.NET页面中选择...

    flash和javascript统计图控件

    通过ASP.NET，开发者可以轻松地将动态数据流与前端的Flash或JavaScript控件集成，实现数据驱动的图表。ASP.NET提供了多种方法来与前端交互，如AJAX（异步JavaScript和XML）和Web服务，这使得图表可以实时更新，响应...

    javascript树形控件

    1. 手动实现：开发者可以利用原生JavaScript编写事件处理程序，通过DOM API动态创建和修改节点。这需要对JavaScript和DOM有较深的理解，同时代码量较大，维护困难。 2. 使用库：许多流行的JavaScript库，如jQuery、...

    JavaScript动态生成控件赋事件

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责处理客户端的交互和动态效果。在网页中，我们经常需要动态生成控件并为其赋予事件，这在JavaScript中是一项基本但至关重要的技能。这篇博客文章...

    javascript时间控件

    在这个场景中，"javascript时间控件"可能是指一个JavaScript库或者组件，它提供了创建自定义时间选择器的功能。 JavaScript作为客户端脚本语言，可以直接在用户的浏览器上运行，无需服务器端的支持。因此，开发...

    几个经典JavaScript控件

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责处理客户端的交互和动态内容。在网页设计中，JavaScript控件是不可或缺的一部分，它们为用户提供了丰富的交互体验。以下是一些基于JavaScript的...

    js（javascript） 日期控件

    5. **DOM操作**：日期控件通常需要与HTML元素交互，如在输入框上显示日期，或在页面上动态创建日历视图。JS提供了DOM操作API，如`document.getElementById`、`document.createElement`、`element.appendChild`等，...

    javascript时间选择控件

    JavaScript是一种在浏览器端运行的脚本语言，它能够动态地更新网页内容、处理用户输入和创建交互式功能。在这个控件中，JavaScript主要负责以下几点： 1. **事件监听**：通过添加事件监听器，例如`addEventListener...

    javascript 经典tab控件

    在本主题中，我们关注的是"javascript 经典tab控件"，这是一种常见的网页组件，用于组织和展示多块内容，让用户能够通过点击不同的标签来切换显示的内容。这种控件在许多网站和应用程序中都有应用，如设置页面、产品...

    javascript开发的实用页面选项卡控件

    总的来说，JavaScript选项卡控件是企业Web应用中不可或缺的一部分，通过合理利用JavaScript的动态特性，可以实现各种定制化功能，提升用户界面的互动性和吸引力。深入理解和掌握其设计与实现原理，对于任何前端...

    个人收集4种漂亮的javascript+dhtml动态树控件

    以下是对这四种个人收集的 JavaScript + DHTML 动态树控件的详细介绍： 1. **xloadtree_zh_cn.zip 和 xloadtree_zh_cn**： 这个控件可能是一个叫做 "xLoadTree" 的中文版树形控件。它允许开发者动态加载树节点，...

    几个经典JavaScript控件下载

    在这个“几个经典JavaScript控件下载”的压缩包中，包含了几个实用的JavaScript组件，这些组件可以帮助开发者创建更加交互性和用户友好的网页。 1. **表格格式的树示例**： 树形结构在数据展示中非常常见，例如...

    javascript控件

    使用JavaScript创建控件时，要注意性能优化，避免阻塞页面加载。懒加载、事件委托等技术可以提升用户体验。 8. **无障碍性（Accessibility）**： 控件的开发不应忽视无障碍性，确保视觉障碍或其他残疾的用户也能...

    日期控件 javascript日期控件

    本篇将深入探讨JavaScript日期控件，包括其基本原理、使用方法以及如何与jQuery库结合，同时也将提及压缩包中的相关资源。 一、JavaScript日期控件的基本原理 JavaScript日期控件通常基于HTML5的`...

Magicbox
Global site tag (gtag.js) - Google Analytics