Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用js获取内联元素的高度，比如span元素？_Javascript_Html_Css_Frontend - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何使用js获取内联元素的高度，比如span元素？

Javascript 如何使用js获取内联元素的高度，比如span元素？

javascript html css

Javascript 如何使用js获取内联元素的高度，比如span元素？,javascript,html,css,frontend,Javascript,Html,Css,Frontend,var mySpan=document.getElementById（“mySpan”）； 警报（mySpan.height） hello world使用window.getComputedStyle（mySpan）.lineHeight获取元素的行高值，而不管该样式是在内联还是在外部CSS文件中定义的 var mySpan=document.getElementById（“mySpan”）； console.log（window.getComputedStyle（mySpan.lineHei

var mySpan=document.getElementById（“mySpan”）；
警报（mySpan.height）

hello world
使用
window.getComputedStyle（mySpan）.lineHeight
获取元素的行高值，而不管该样式是在内联还是在外部CSS文件中定义的



var mySpan=document.getElementById（“mySpan”）；
console.log（window.getComputedStyle（mySpan.lineHeight））

hello world
使用
window.getComputedStyle（mySpan）.lineHeight
获取元素的行高值，而不管该样式是在内联还是在外部CSS文件中定义的



var mySpan=document.getElementById（“mySpan”）；
console.log（window.getComputedStyle（mySpan.lineHeight））

hello world
对于内联元素（以及块），可以使用offsetHeight。这将包括垂直填充和边框：
对于内联元素（以及块），可以使用offsetHeight。这将包括垂直填充和边框：
带有
-
的CSS属性在Javascript对象中以camelCase形式表示。Ex-
mySpan.style.lineHeight

还可以使用括号表示法访问属性。Ex-
mySpan.style['line-height']



var mySpan=document.getElementById（“mySpan”）；
console.log（mySpan.style.lineHeight）；
log（mySpan.style['line-height']）

hello world
带有
-
的CSS属性在Javascript对象中以camelCase形式表示。Ex-
mySpan.style.lineHeight

还可以使用括号表示法访问属性。Ex-
mySpan.style['line-height']



var mySpan=document.getElementById（“mySpan”）；
console.log（mySpan.style.lineHeight）；
log（mySpan.style['line-height']）

hello world
行高不等于高度。如何获取高度？可以使用
window.getComputedStyle（mySpan）。高度
行高不等于高度。如何获取高度？可以使用
window.getComputedStyle（mySpan）。高度