怎么样用javascript控制div

问题描述

我想在文本框里输入一个数,例如:5,然后底下就自动生成输入个文本框,用javascript+div怎么做啊?请各位高手帮忙!

解决方案

解决方案二:
先根据数据把html的代码生成好然后赋给innerHTML
解决方案三:
可以先将要显示文本框的div显示属性设置为不显示然后根据输入的个数用for循环控制显示div的显示内容并且属性为显示即可
解决方案四:
我是个新手能有具体的例子么?

时间: 2024-09-20 04:20:31

怎么样用javascript控制div的相关文章

javascript控制Div层透明属性由浅变深由深变浅逐渐显示_javascript技巧

搬运的留着以后自己看! 复制下面蓝色的代码保存为html格式的文件,使用网页浏览器浏览效果 代码支持IE6.7.8/firefox/Chrome浏览器 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

用javascript控制div的显示与隐藏

javascript|控制|显示 <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script language="JavaScript" type="text/JavaScript"><!--

Javascript控制DIV层显示与隐藏两个实例

简单指向文字显示内容实例  代码如下 复制代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>oec2003</title> <script language="JavaScript" type="text/JavaScript&quo

Javascript实例代码:JS控制DIV属性

文章简介:点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式. 点击按钮改变DIV属性,通过点击不同的按钮设置DIV的样式.代码如下: <script type="text/javascript">    var oBox = document.getElementById('box');    var oDiv = document.getElementById('div1');    var aInput = document.getElementsByTagN

Javascript控制显示表单个数

javascript|控制|显示 <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head><LINK href="../hellking.css" type=text/css rel

js控制div弹出层实现方法

  本文实例讲述了js控制div弹出层实现方法.分享给大家供大家参考.具体分析如下: 这是个功能很好,且容易调用和控制的弹出层.感兴趣的朋友可以调试运行一下看看效果如何~O(∩_∩)O~ ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 5

使用JQUERY进行后台页面布局控制DIV实现左右式

  一个网站的后台使用frame框架来实现这种形式,这边作者不是使用的frame而是纯div进行布局,下面看下具体的实现代码 一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用frame框架来实现这种形式,这边作者不是使用的frame而是纯div进行布局,想要实现这种方式需要怎么做呢,下面就控制DIV实现左右式,左边固定,右边随浏览器变化而变化的JQUERY实现代码.  代码如下: <script type="text/javascript&

js-jQuery控制div交换位置

问题描述 jQuery控制div交换位置 div的id已知,想让两个div互换位置,并且具有动画效果,希望能给出解决方法,最好能有简易代码,多谢 解决方案 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> <style>#div1,#div2{width:100px;hei

js控制div层的叠加简单方法_javascript技巧

如下所示: <style type="text/css"> .favorite_icon{float:left; padding: 0 0 0 30px;} .favorite_label{float:left; width:950px;} .favorite_label h2{ border-bottom: medium none;height: 60px;padding: 0.8em 0 0 0px;} .favorite_title{height:60px;margi