精华内容
下载资源
问答
  • <div class="content"></div> // 添加内容 $('.content').append('要添加内容') // 删除内容 $('.content').html('')
    <div class="content"></div>
    
    // 添加内容
    $('.content').append('要添加的内容')
    
    // 删除内容
    $('.content').html('')
    
    展开全文
  • JS动态添加div,然后在div中添加元素

    千次阅读 2019-10-25 15:54:23
    先是放一个空的div,让后根据指标的数据,动态的往div中添加元素。 <div id="DvelopmentTarget"> </div> 动态往div中添加元素: for (var n = 0; n < data.length; n++) { //获取div var div...

    先是放一个空的div,让后根据指标的数据,动态的往div中添加元素。

    <div id="DvelopmentTarget">     </div>  
    

    动态往div中添加元素:

    for (var n = 0; n < data.length; n++)  
            {  
               //获取div  
                var div = document.getElementById("DvelopmentTarget");  
      
                //换行  
                var br = document.createElement("br");  
                div.appendChild(br);  
      
                //添加label ,存放指标名称  
                var div2 = document.createElement("label");  
                div2.innerText = data[n].QualitativeTargetName;  
                div.appendChild(div2);  
      
                //添加text ,存放指标权重  
                var input = document.createElement("input");  
                input.setAttribute('type', 'text');     
                input.setAttribute('ReadOnly', 'True');  //设置文本为只读类型  
                input.value = data[n].DevelopmentAllWeight  
                div.appendChild(input);  
                  
                //添加select 存放指标id  
                var targetID = document.createElement("select");  
                targetID.innerText = data[n].QualitativeTargetID;  
                targetID.setAttribute('hidden', 'hidden');  
                div.appendChild(targetID);  
                //添加 %(单位百分比)  
      
                //换行  
                var br = document.createElement("br");  
                div.appendChild(br);   
            }  
    

    用到的知识点:

    创建子节点、  父元素动态添加子元素:
    
    div2.innerText = data[n].QualitativeTargetName;  
    div.appendChild(div2);  
    

    设置元素属性:

    input.setAttribute('ReadOnly', 'True');  //设置文本为只读类型  
    

    清除div下的所有元素:

    div.innerHTML = "";  
    

    来张大图,再次总结下DOM(文档对象模型)
    在这里插入图片描述

    展开全文
  • 用jQuery向div中添加Html文本内容

    万次阅读 2017-11-30 09:01:38
    用jQuery向div中添加Html文本内容 前台代码: link href=...

    用jQuery向div中添加Html文本内容

    前台代码:

    <link href="http://www.cnblogs.com/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="http://www.cnblogs.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="http://www.cnblogs.com/Scripts/jquery-ui.js" type="text/javascript"></script>

    复制代码
        function PoeviewExcel() {
    $.ajax(
    {
    url: "send/index",
    type: "post",
    success: function (data) {
    var divshow = $("#showInfo2");
    divshow.text("");// 清空数据
    divshow.append(data); // 添加Html内容,不能用Text 或 Val
    divshow.dialog({
    title: "短信群发系统",
    height: 250,
    width: 580
    });

    }
    }
    );
    return false;
    }
    复制代码
    <a href="#" onclick="return PoeviewExcel()">预览数据</a>
    <div id="divPreview" style="display: none">
    <text id="showInfo2"></text>
    </div>


    后台(主要):

    复制代码
            public string GetImportReport()
    {
    DataTable dt = this.ImportExcel();
    string content = String.Empty;
    content = @"<table width='550' border='0' cellspacing='0' cellpadding='0' bgcolor='#D2D2D2'>"
    + " <tr bgcolor='#336699'>"
    + " <td align='center'><strong>序号</strong></td>"
    + " <td align='center'><strong>目标手机号</strong></td>"
    + " <td align='center'><strong>发送内容</strong></td>"
    +"</tr>";
    for (int i = 0; i < dt.Rows.Count; i++)
    {
    content += "<tr>"
    + " <td width='50' align='center'>" + i.ToString()+"</td>"
    + " <td width='150' align='center'>" + dt.Rows[i][0].ToString() + "</td>"
    + " <td width='150' >" + dt.Rows[i][1].ToString() + "</td>"
    + " </tr>";
    }
    content += "</table>";
    return content;
    }
    复制代码

    说明:

    divshow.append(data); // 添加Html内容,不能用Text 或 Val

    当然用 after();会在该div中不断追加信息。

    如果用Text:显示加载的文本内容;

    如果用Val:点击链接第一次为空窗口,再点击才出现数据显示、?????


    展开全文
  • 之前做了一个可编辑div需要里面插入内容,搜了好多代码,就这个能实现我的功能,记录一下,以备以后用 UMEDITOR 简单功能 UMEDITOR 简单功能 $(function(){ $("#myEditor").focus(function...

    之前做了一个可编辑div需要在里面插入内容,搜了好多代码,就这个能实现我的功能,记录一下,以备以后用

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <title>UMEDITOR 简单功能</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript" src="../third-party/jquery.min.js"></script>
    </head>
    <body>
    
        <h1>UMEDITOR 简单功能</h1>
    	<script type="text/javascript">
    		$(function(){
    			$("#myEditor").focus(function(){
    		    	$("#myEditor").removeClass("flag");
    		    });
    		    /* $("#myEditor").blur(function(){
    		    	$("#myEditor").addClass("flag");
    		     }); */
    		});
    	
       		function add(){ 
       		 insertHTML("<input type='text' disabled />"); 
       		}
       		
       		 //再加入一个全屏事件  
       		     $(window).click(function(e)  
       		          {  
       		            if (window.getSelection)  
       		            {  
       		                 var getevent=e.srcElement?e.srcElement:e.target;//不要告诉我不知道这句的意思  
       		              //console.log(getevent.id,getevent.tagName);
       		                if(getevent.id!=null && getevent.id=="cmdInsert"||getevent.id=="myEditor")  
       		                {  
       		                	//alert(0);
       		                	//代表 点了插入html的按钮  
       		                    //则不执行getFocus方法  
       		                 }  
       		                else  
       		                	$("#myEditor").addClass("flag");//除非点了那个插入html的按钮 其他时候必须要执行getFocus来更新最后失去焦点的div  
       		            }  
    
       		          }) 
       		
       		       
       		function insertHTML(html)  
            {  
                var dthis=$("#myEditor")[0];//要插入内容的某个div,在标准浏览器中 无需这句话  
                //dthis.focus();
                 var sel, range; 
                 console.log($(dthis).hasClass("flag"));
                 if($(dthis).hasClass("flag")){
                	 $(dthis).html(dthis.innerHTML+html);
                	 return;
                 }
                 if (window.getSelection)  
                  {  
                         // IE9 and non-IE  
                         sel = window.getSelection();  
                         if (sel.getRangeAt && sel.rangeCount) {  
                         range = sel.getRangeAt(0);  
                         range.deleteContents();  
                         var el = document.createElement('div');  
                         el.innerHTML = html;  
                         var frag = document.createDocumentFragment(), node, lastNode;  
                         while ( (node = el.firstChild) )  
                          {  
                             lastNode = frag.appendChild(node);  
                          }  
    
                     range.insertNode(frag);  
                         if (lastNode) {  
                         range = range.cloneRange();  
                         range.setStartAfter(lastNode);  
                         range.collapse(true);  
                         sel.removeAllRanges();  
                         sel.addRange(range);  
                         }  
                        }  
                 }   
                 else if (document.selection && document.selection.type !='Control')   
                 {  		
                     $(dthis).focus(); //在非标准浏览器中 要先让你需要插入html的div 获得焦点  
              	ierange= document.selection.createRange();//获取光标位置  
                     ierange.pasteHTML(html);    //在光标位置插入html 如果只是插入text 则就是fus.text="..."  
                     $(dthis).focus();      
    
                 }  
            }  	
    	</script>
    	<button οnclick="add()" id="cmdInsert" style="border: none;background-color: #fff;">增加节点</button>
        <div id="myEditor" class="flag" style="position:absolute;width:800px;height:240px;border:1px;border-color: red;background-color: #f5f5f5" contenteditable="true">
        	
        </div>
    	
    </body>
    </html>


    展开全文
  • div中添加右键菜单

    千次阅读 2013-09-24 22:00:51
    1. div 右键点击此处 2. function function showMenu(){  var evt = window.event || argument[0];  contextMenu.showAt([evt.clientX, evt.clientY]); } 3. menu //此处以Ext菜单为例,其它框
  • echartIE使用时,在div中添加postion后图表不显示。主要问题是echart编译后给div增加了filter,使div隐藏起来了,如图:       修改办法的话,当然就是删除啦,一是找到echart源文件进行修改bug,这个太多...
  • 如何用JavaScript获取<div>*</div>标签中内容& 内容添加
  • div中添加图片

    千次阅读 2012-03-16 13:11:12
    要想往DIV中添加图片分为两种情况讨论: 第一种: document.getElementById('qyery').style.background = 'url(xxx.jpg)'; 第二种: var imgNode = document.createElement('img'); imgNode....
  • js 向 div 动态 添加 内容 table

    万次阅读 2011-02-11 10:58:00
    /** * @author heardy * @time 2011/02/11 * @version 1.0 */ 设置style="height:28px" 预留...<div id="Objall" style="height:30px"></div > ('HeaderPaper')">头部(左按钮,右页码) <a href
  • 1、前台代码 function PoeviewExcel() { ... //添加html内容,不能用Text 或...会div中不断追加信息。 如果用Text:会显示加载的文本内容 如果用Val:点击链接第一次为空窗口,点击才出现数据显示
  • jquery 给div添加内容的div

    千次阅读 2016-04-17 21:37:22
    如何把#hidden_question追加到#question? 如果需要保留hidden_question,那么应该 $( '<div</div>' ).html( $( '#hidden_question' ).html()).appendTo( $( '#question' )); 如果不保留的话可以直接 ...
  • ``` ...效果就是说,给这个生成div添加上input的文本内容,我试过append()方法,appendChild方法,都无法实现。请问如何能够实现? 上面的代码就是我又把生成的div,prepend到一个时间轴上去的
  • 设置 div内容的写法: jquery 的写法: $( "#div1" ).html( "aa" ); // 将 div1 元素里面的 html 赋值为字符串 "aa",不能用 $( "#div1" ).val( "aa" ); js 的写法:document.getElementById("div1").innerHTML =...
  • 用jquery在div中动态添加/删除元素

    千次阅读 2016-06-19 01:00:29
    $(document).ready(function(){ $("#append").click(function(){ var p = "This is append p";... $("#div1").append(p); //调用append函数添加元素 }); $("#clear").click(function(){ var p
  • vue动态添加div

    千次阅读 2019-01-19 18:12:00
    知识点:vue动态添加div节点,点击添加,动态生成div,点击删除,删除对应的div,其中数组的长度是动态改变的,如from表单应用,直接提交方法,获得list,获取所填的元素即可 效果: 核心代码说明(样式...
  • 实现方法: div的style设置了overflow:auto后,当DIV里的内容超过DIV的高度,DIV会自动添加滚动条,拉动滚动条才能看到底部的内容
  • 解决方法:box-sizing:border-box;向带边框的div添加该css属性后,div不被挤下解释:https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing
  • 首先是一个div,名称是mapdiv,mapdiv里有很多内容(地图),想这个div左上角添加一个logo(年份),实现的方法是 1、首先将mapdiv设置为相对位置,即mapdiv.style.position="relative";并且要把z-index属性设置为1 ...
  • 使用js创建div添加div并给div设置css定义的class选择属性以及设置style属性  var parentDiv = document.createElement("div");//创建父div parentDiv.className="CssStyle1";//给父div设置class属性 ...
  • 1、新建一个文本文档 2、将js文件里的内容复制到文本文档里 3、点击文件 选择另存为,文件名改为xxx.js 下面的编码选择utf-8 4、用xxx.js替换原来的js
  • 问题描述:  文字信息是通过jQuery动态添加的,为了容易看清该div的位置...可以看到本来应该黑色div中显示的文字信息却跑到了div下面的位置。 通过调试发现造成这种问题的原因是因为给该div设置了相对定位(;positi
  • jQuery 向div中追加内容

    万次阅读 2018-11-12 16:21:49
    $(function(){ ...div&gt;这个是追加的div&lt;/div&gt;"); //或者 $("&lt;div&gt;这个是追加的div&lt;/div&gt;").appendTo("#divId"); });  

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 553,335
精华内容 221,334
关键字:

如何在div中添加内容