关于获取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 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
JavaScript获取服务器端时间的方法
Nov 29 Javascript
JavaScript中数组Array.sort()排序方法详解
Mar 01 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
js实现坦克大战游戏
Feb 24 Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 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
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
php长字符串定义方法
2012/07/12 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
php 把数字转换成汉字的代码
2015/07/21 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
复制小说文本时出现的随机乱码的去除方法
2010/09/07 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
jquery的checkbox,radio,select等方法小结
2016/08/30 Javascript
微信小程序 less文件编译成wxss文件实现办法
2016/12/05 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
2017/07/31 Javascript
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
JQueryDOM之样式操作
2019/03/27 jQuery
基于axios 的responseType类型的设置方法
2019/10/29 Javascript
vue实现前端分页完整代码
2020/06/17 Javascript
用Python写冒泡排序代码
2016/04/12 Python
多版本Python共存的配置方法
2017/05/22 Python
详解Python中的内建函数,可迭代对象,迭代器
2019/04/29 Python
python实现代码统计程序
2019/09/19 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
用python发送微信消息
2020/12/21 Python
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
计算机专业应届毕业生自荐信
2013/09/26 职场文书
机电系毕业生求职信
2014/07/11 职场文书
2014年德育工作总结
2014/11/20 职场文书
冰峪沟导游词
2015/02/09 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python
关于EntityWrapper的in用法
2022/03/22 Java/Android
详细介绍Next.js脚手架完整搭建封装
2022/04/26 Javascript