关于获取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 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
jQuery选择器之基本选择器与层次选择器
Mar 03 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
JS实现前端缓存的方法
Sep 21 Javascript
微信小程序倒计时功能实现代码
Nov 09 Javascript
vue 左滑删除功能的示例代码
Jan 28 Javascript
bootstrap-paginator服务器端分页使用方法详解
Feb 13 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
Apr 09 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
原生JavaScript实现换肤
Feb 19 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
实现树状结构的两种方法
2006/10/09 PHP
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP字符串的递增和递减示例介绍
2014/02/11 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
javascript内置对象arguments详解
2014/03/16 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
JavaScript函数中关于valueOf和toString的理解
2016/06/14 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
nodejs利用ajax实现网页无刷新上传图片实例代码
2017/06/06 NodeJs
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
vue数据响应式原理知识点总结
2020/02/16 Javascript
python实现的重启关机程序实例
2014/08/21 Python
Python编程中time模块的一些关键用法解析
2016/01/19 Python
python tornado修改log输出方式
2019/11/18 Python
Python学习之os模块及用法
2020/06/03 Python
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
2012/12/10 HTML / CSS
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
赫里福德的一家乡村零售商店:Philip Morris & Son
2017/06/25 全球购物
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
连带责任保证书
2014/04/29 职场文书
大学生村官考核材料
2014/05/23 职场文书
房屋买卖协议样本
2014/11/16 职场文书
2014年女职工工作总结
2014/11/27 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
谢师宴学生致辞
2015/07/27 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
教你怎么用python selenium实现自动化测试
2021/05/27 Python
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python