正文
js获取元素高度报错是为什么，js中获取元素内容的属性
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
js加载进去的图获取不到高度,为什么
1、swiper.js没有限制slider的高度，因为考虑到图片的不规则性，限制了高度，对于一些过大或者过小的图片会造成失真，你可以通过自己设置slider的高度，通过overflow：hidden来避免失真。
2、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。
3、假如在页面有一个img标签： 编写代码：var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是 图片的 宽度 和高度。 你可以试一下，Chrome绝对可以。
相关问答
Q1: js获取div的height第一次总是0
1、如何用js得到div的高度 functionadjustcolumnheight(){ varmaincol=window.document.getelementbyid(主列)；varleftcol=window.document.getelementbyid(MainLeft varrightcol=window.document.getelementbyid(MainRight varhMainCol=mainCol。
2、hRightCol))； mainCol.style.height = maxHeight + px； leftCol.style.height = maxHeight + px； rightCol.style.height = maxHeight + px；}上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。
3、图片的加载并不像div这类元素是已经加载完成后才调用的，图片是在页面加载后一直在加载，没有加载完成，当然是取不到值。应判断图片加载是否完成，用load事件。
4、对的。引入jquery.js后可以在浏览器开发者工具中检查。
Q2: 这个js为什么会报错,请看图片
这是作用域的问题。choosePro函数放在$(function(){})内，它的作用域就在$(function(){})内（换句话说在外面调用就出错了），而虽然那些html元素是在$(function(){})内用append添加的，但当点击“是是是”的时候，实际是从$(function(){})的外面调用的，所以就报not defined了。
最近时常会碰到网页报错的问题，因为最近图方便，会用到很多现成的js。
属性写错了。代码问题，泄露是以前0没关掉造成的，现在0早解决了。
第显然var Student = Class(params)； Student是undefined；所以new Student的时候new的是undefined，而js中面向对象new的对象要是一个函数。
myeclipse中js文件报错可能的原因是： js用到的jar包没有导入到工程中，所以会出现找不到类的错误。 js代码写错，有可能是格式、少写字母。 js引用的其他java代码本身有错误，有可能是空指针。
这个错误一般是语法错误，大多是少了个大括号引起的，你代码贴的看不清楚。
Q3: JS这样获取元素为什么会报错
1、页面应该是有多个class叫做checkgread的元素吧，通过$(.checkgread)获取到的是一个jquery对象数组，加上[0]之后，取到的其实还是一个jquery的对象。
2、(.Pro_Images img)没有匹配到任何元素，$.get(0)返回一个undefined，这就是你出错的原因。检查类名称是否写对。检查你的js代码在HTML的前面还是后面。页面是按顺序加载的，如果js写在前面就会找不到元素。一般使用jQuery的$(document).ready()函数或者将js放在要获取的元素的后面。
3、注意nextwarn这个类是否有元素，报这个错是因为找不到类名为nextware的元素中的第一个。可以用 if(document.getElementsByClassName(nextware) && document.getElementsByClassName(nextware)[0])来判断元素是否存在 存在的情况下再判断style是否为block即可。
4、意思就是某个元素没有id属性，但你又想通过id来获取这个元素，就出错了。火狐和谷歌在这的容错性有差异，所以一个报错、一个不报，但可以肯定错误肯定是存在的，具体情况要看过你的代码才知道，你至少也要把出错的那行代码贴出来啊，或者你自己通过开发者模式（F12键）来查错也行。
5、这是作用域的问题。choosePro函数放在$(function(){})内，它的作用域就在$(function(){})内（换句话说在外面调用就出错了），而虽然那些html元素是在$(function(){})内用append添加的，但当点击“是是是”的时候，实际是从$(function(){})的外面调用的，所以就报not defined了。
6、作为 NodeList 对象。NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示： 可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。
Q4: 关于js一个小问题,为什么会报错,这个height_div的值没问题,如图_百度...
1、这个你在web上运行的时候，开调试，给第9行打个断点，运行到第9行的时候，查一下第五行的height_div的值，应该就能清楚了。
2、页面应该是有多个class叫做checkgread的元素吧，通过$(.checkgread)获取到的是一个jquery对象数组，加上[0]之后，取到的其实还是一个jquery的对象。
3、js其他代码都没问题，但谷歌报错，是参数设置错误造成的，解决方法如下：新建一个html页面，命名为test.html。在test.html编写js代码，在try内使用错误的弹窗方法adddlert() ，在catch内捕捉错误信息，并把它显示在页面的p标签内。代码如下。
4、一共有三个问题，结合代码看，这是我测试过的 代码加载 时按照文档里的先后顺序，从上往下依次加载，你在js代码中提前定义了 div1，当时真正的html标签div1/div1 还没有被加载 所以你得到一个 undefined 对象。
Q5: ...用计时器获取div的高度,但是在浏览器中js实时报错,应该是还需要判断...
当然是“标准 W3C 盒子模型”了。怎么样才算是选择了“标准 W3C 盒子模型”呢？很简单，就是在网页的顶部加上 DOCTYPE 声明。
zepto.mdatetimer.js移动端日期选择控件。但是在谷歌浏览器中，选择时间，不生效，只能是一个默认时间 10 加上一个现在的时间，也就是点击确定的时候他回到开始设置的默认的日期，点击现在就是现在的日期，无论怎么调就这两个时间，这是不兼容谷歌？用360浏览器是可以的。
你这个autoPlay放在这里，意味着这个方法(autoPlay)是个全局变量。所以，你需要将其定义为全局变量。
火狐浏览器默认把可视区域的高度设为0，这样的话，$(window).height()就等于0了。
关于js获取元素高度报错是为什么和js中获取元素内容的属性的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
