关于获取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 继承机制的实现(待续)
May 18 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
ie8模式下click无反应点击option无反应的解决方法
Oct 11 Javascript
jQuery异步获取json数据方法汇总
Dec 22 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
Node.js开发第三方微信公众平台
Jun 05 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 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
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
js 打开新页面在屏幕中间的实现方法
2016/11/02 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
jquery实现动态改变css样式的方法分析
2019/05/27 jQuery
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python+mongodb数据抓取详细介绍
2017/10/25 Python
python正则实现提取电话功能
2018/02/24 Python
详解Python3之数据指纹MD5校验与对比
2019/06/11 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
利用Python实现自动扫雷小脚本
2020/12/17 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
Nike香港官网:Nike HK
2019/03/23 全球购物
高三高考决心书
2014/03/11 职场文书
国庆庆典邀请函
2015/02/02 职场文书
南京导游词
2015/02/03 职场文书
2016大学生诚信考试承诺书
2016/03/25 职场文书
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技