关于获取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 相关文章推荐
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 Javascript
jquery中通过父级查找进行定位示例
Jun 28 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
第一次动手实现bootstrap table分页效果
Sep 22 Javascript
js实现图片粘贴上传到服务器并展示的实例
Nov 08 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
JS实现的对象去重功能示例
Jun 04 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 Javascript
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
了解咖啡雨林联盟认证 什么是雨林认证 雨林认证是什么意思
2021/03/05 新手入门
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
zen_cart实现支付前生成订单的方法
2016/05/06 PHP
PHP中串行化用法示例
2016/11/16 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
jquery validator 插件增加日期比较方法
2010/02/21 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
Node.js中使用计时器定时执行函数详解
2014/08/15 Javascript
javascript中call,apply,bind的用法对比分析
2015/02/12 Javascript
Javascript对象Clone实例分析
2015/06/09 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
2018/01/12 Javascript
微信小程序时间控件picker view使用详解
2018/12/28 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
Python控制多进程与多线程并发数总结
2016/10/26 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python实现感知器
2017/12/19 Python
Python中常见的异常总结
2018/02/20 Python
如何通过Python实现标签云算法
2019/07/02 Python
Python中无限循环需要什么条件
2020/05/27 Python
详解Python多线程下的list
2020/07/03 Python
python上selenium的弹框操作实现
2020/07/13 Python
如何现实servlet的单线程模式
2014/08/05 面试题
财产公证书
2014/04/10 职场文书
户外活动总结范文
2014/04/30 职场文书
励志演讲稿300字
2014/08/21 职场文书
党的群众路线教育实践活动个人对照检查材料(四风)
2014/11/05 职场文书
新郎新娘致辞
2015/07/31 职场文书
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript