js怎么取得文本框的宽度与高度

文本框没有宽度属性 所以width是不对。然后style里面有height样式的。但没有width样式。<br>所以你要设置文档框的高度是 设置style="height:30px"就行了<br>文本框的长度 是和size相关的 ，设置size多少 宽度就是多少了<br>取值的话 取对应属性就行了<br>alert(documentgetElementById("text1")size);//宽度 <br>alert(documentgetElementById("text1")styleheight); //高度

与窗口相关的尺寸有视口宽度clientWidth、浏览器外宽outterWidth、浏览器内宽innerHeight，视口高度clientHeight、浏览器外高outterHeight、浏览器内高innerHeight， 这几个尺寸会因浏览器的不同略有差异。

上述三项测试在Chrome、IE11、Edge、Firefox、Safari 中测试通过。

clientWidth、outterWidth、innerHeight 的值均一致，safari 的 outterWidth 和 outerHeight 均为0。而且 clientWidth、outterWidth、innerHeight 三个值均会随着浏览器地址栏和工具栏的显示或隐藏而发生变化，也就是说浏览器大小、视口是一起发生变化的。

offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度（含padding）、（可见的）水平滚动条高度、 上边框高度和下边框高度。这个高度可以用来检测元素的可见区域。

offsetWidth: 元素在水平方向上占用的空间大小，以像素计。包括元素的宽度（含padding）、（可见的）垂直滚动条的宽度、左边框宽度和右边框宽度。这个高度可以用来检测元素的可见区域。

offsetLeft: 元素的左外边框至包含元素的左内边框之间的像素距离。

offsetTop: 元素的上外边框至包含元素的上内边框之间的像素距离。

clientWidth: 指的是元素内容及其内边距所占据的空间大小，不包含border，滚动条空间不计算在内。

注意：滚动条一般是位于border的内边缘，盖住了padding，但是不占用padding的空间。

scrollHeight: 在没有滚动条的情况下，也就是不含滚动条（滚动条是独立的存在），元素内容的总高度。

scrollWidth: 在没有滚动条的情况下，也就是不含滚动条（滚动条是独立的存在），元素内容的总宽度。

scrollLeft: 被隐藏在内容区域左侧的像素数。通过设置这个属性可以改变元素的滚动位置。

scrollTop: 被隐藏在内容区域上方的像素数。通过设置这个属性可以改变元素的滚动位置。

带有垂直滚动条的页面总高度：documentdocumentElementscrollHeight，如果想要获取文档高度，需要找到 scrollHeight 和 clientHeight 中的最大值。

参考文献：

《高级语言程序设计 第三版》

获取浏览器显示区域（可视区域）的高度：$(window)height();获取浏览器显示区域（可视区域）的宽度：$(window)width();获取页面的文档高度$(document)height();获取页面的文档宽度：$(document)width();浏览器当前窗口文档body的高度：$(documentbody)height();浏览器当前窗口文档body的宽度：$(documentbody)width();获取滚动条到顶部的垂直高度(即网页被卷上去的高度)$(document)scrollTop();获取滚动条到左边的垂直宽度：$(document)scrollLeft();获取或设置元素的宽度：$(obj)width();获取或设置元素的高度：$(obj)height();某个元素的上边界到body最顶部的距离：objoffset()top;（在元素的包含元素不含滚动条的情况下）

以上就是关于js怎么取得文本框的宽度与高度全部的内容，包括:js怎么取得文本框的宽度与高度、浏览器中常见尺寸的差异、jQuery height的值被四舍五入了，怎么获取精确的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！