关于获取DIV内部内容报错的原因分析及解决办法


Posted in Javascript onJanuary 29, 2016

1、错误描述

关于获取DIV内部内容报错的原因分析及解决办法

2、错误原因

由于向div中添加元素,利用append();

$("#divStyle").append("<div><label>_data[i].name</label></div>");

append里面是动态数据,当请求数据为空时,获取并判断div中的内容:

var divContent = $("#divStyle").html();
if(divContent == null || divContent.length == 0)
{
$("#divStyle").append("<div><img src='/images/head.png'></div>");
}

在判断时始终不进到if里,后来用console调试,发现即使没有数据div内部也有好多空格和换行

3、解决办法

(1)利用JS隐藏法

当判断请求的数据为空时,将无数据提示图片显示,否则隐藏无数据提示图片;

(2)利用JsViews请求数据方法

以上所述本文给大家介绍的关于获取DIV内部内容报错的原因分析及解决办法,希望对大家有所帮助。

Javascript 相关文章推荐
firefox浏览器不支持innerText的解决方法
Aug 07 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
鼠标移到图片上变大显示而不是放大镜效果
Jun 15 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
Aug 09 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
Jun 12 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 #Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
Jan 20 #Javascript
JavaScript中的this,call,apply使用及区别详解
Jan 29 #Javascript
javascript实现tab响应式切换特效
Jan 29 #Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 #Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 #Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 #Javascript
You might like
PHP下操作Linux消息队列完成进程间通信的方法
2010/07/24 PHP
PHP 数据结构 算法描述 冒泡排序 bubble sort
2011/07/10 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
基于jquery的表格排序
2010/09/11 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
jQuery插件实现屏蔽单个元素使用户无法点击
2013/04/12 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
Js制作点击输入框时默认文字消失的效果
2015/09/05 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
2015/09/30 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
js微信分享API
2020/10/11 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
Python Tkinter GUI编程入门介绍
2015/03/10 Python
从Python的源码来解析Python下的freeblock
2015/05/11 Python
Python三级菜单的实例
2017/09/13 Python
Python 循环终止语句的三种方法小结
2019/06/24 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
HTML5之SVG 2D入门8—文档结构及相关元素总结
2013/01/30 HTML / CSS
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
美容院考勤制度
2014/01/30 职场文书
聚美优品励志广告词
2014/03/14 职场文书
cf收人广告词大全
2014/03/14 职场文书
年终晚会活动方案
2014/08/21 职场文书
农民工预备党员思想汇报
2014/09/14 职场文书
父亲节寄语大全
2015/02/27 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
Python函数式编程中itertools模块详解
2021/09/15 Python