您的位置：首页 > 编程技术 > js  >  关于获取DIV内部内容报错的原因分析及解决办法

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

 更新时间：2016年2月1日 10:00  点击：1339

1、错误描述

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内部内容报错的原因分析及解决办法，希望对大家有所帮助。

[!--infotagslink--]

相关文章

  • JavaScript判断DIV内容是否为空的方法

    整体思路是这样的：判断div内部是否为空，如果为空，给出无数据提示；否则显示正常页面，下面给大家分享js判断div内容是否为空的方法，对判断div内容是否为空的相关知识感兴趣的朋友一起学习吧...2016-02-01

  • js实现div在页面拖动效果

    这篇文章主要介绍了js实现div在页面拖动效果,涉及JavaScript动态操作页面元素与数值计算的相关技巧,需要的朋友可以参考下...2016-05-05

  • jQuery实现鼠标拖动div改变位置、大小的实践

    这篇文章主要介绍了jQuery实现鼠标拖动div改变位置、大小的实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-04-10

  • JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

    多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言，当鼠标点击此文本框的时候能够将里面的默认文本清除，当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框...2016-01-14

  • vue实现页面div盒子拖拽排序功能

    本文主要介绍了vue实现页面div盒子拖拽排序功能，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-10-22

  • jQuery实现的浮动层div浏览器居中显示效果

    这篇文章主要介绍了jQuery实现的浮动层div浏览器居中显示效果,涉及jQuery及JS动态操作页面元素与属性相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2017-02-08

  • DIV随滚动条滚动而滚动的实现代码【推荐】

    下面小编就为大家带来一篇DIV随滚动条滚动而滚动实现代码【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-04-16

  • DIV+CSS+jQ实现省市联动可扩展

    这篇文章主要介绍了DIV+CSS+jQ实现省市联动可扩展方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下...2016-06-24

  • jQuery为某个div加入行样式

    这篇文章主要为大家详细介绍了jQuery为某个div加入行样式的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-06-15

  • Query常用DIV操作获取和设置长度宽度的实现方法

    下面小编就为大家带来一篇Query常用DIV操作获取和设置长度宽度的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-03

  • 基于JavaScript实现div层跟随滚动条滑动

    项目需求是这样的：在一个页面放2个悬浮框，悬浮框随页面的上下滚动有上下波动的效果，最终固定在同一位置，下面通过本文给大家分享基于JavaScript实现div层跟随滚动条滑动的相关资料，对js div跟随滚动条滑动相关知识感兴趣的朋友一起学习吧...2016-01-14

  • JavaScript动态创建div等元素实例讲解

    这篇文章主要介绍了JavaScript动态创建div等元素实例，...2016-01-08

  • 使用jQuery的easydrag插件实现可拖动的DIV弹出框

    EasyDrag 是一个用来实现页面元素拖拉的 jQuery 插件。接下来通过本文给大家介绍使用jQuery的easydrag插件实现可拖动的DIV弹出框，感兴趣的朋友一起学习吧...2016-02-21

  • JQuery控制DIV的选取实现方法

    下面小编就为大家带来一篇JQuery控制DIV的选取实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-03

  • JS添加删除DIV的简单实例

    下面小编就为大家带来一篇JS添加删除DIV的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-07-25

  • Java连接mysql数据库并进行内容查询的方法

    下面小编就为大家带来一篇Java连接mysql数据库并进行内容查询的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-25

  • JS当前页面登录注册框,固定DIV,底层阴影的实例代码

    下面小编就为大家带来一篇JS当前页面登录注册框,固定DIV,底层阴影的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2016-10-02

  • javascript拖曳互换div的位置实现示例

    一个div拖动互换位置的demo，还有很大优化的空间，利用dom元素的dragstart/ondragover/ondrop事件完成，感兴趣的可以了解一下...2021-06-28

  • 变量在 PHP7 内部的实现（一）

    这篇文章主要介绍了变量在 PHP7 内部的实现（一）的相关资料,需要的朋友可以参考下...2015-12-24

  • JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)

    这篇文章主要介绍了JS+CSS实现鼠标经过弹出一个DIV框的实现方法,带缓冲渐变动画效果,涉及鼠标事件的响应及结合时间函数定时触发形成动画渐变效果的相关技巧,需要的朋友可以参考下...2016-03-28