JavaScript:getElementById 不返回按钮的宽度

标签 javascript getelementsbyname

为什么警告窗口不显示按钮的宽度?我浏览了类似的问题,但看起来我的问题太简单了,无法找到答案。

<!DOCTYPE html>
<html>
<body>

<button id="jock" onclick="myFunction()">Try it</button>

    <script>
    function myFunction() 
       {
       alert(document.getElementById("jock").style.width);
       }
    </script>

    </body>
    </html>

最佳答案

使用offsetWidth代替样式宽度。这将获得元素的真实宽度值。

<!DOCTYPE html>
<html>
<body>

  <button id="jock" onclick="myFunction()">Try it</button>

  <script>
    function myFunction() {
      alert(document.getElementById("jock").offsetWidth);
    }
  </script>

</body>
</html>

关于JavaScript:getElementById 不返回按钮的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45129821/

相关文章:

javascript - 简单的 JavaScript 警报不会显示

javascript - 在 JavaScript 正则表达式匹配中移动索引

javascript - 在多个函数中等待相同的 API 调用

javascript - 如何获取名称在 Javascript 中已知的元素的 ID

javascript - document.getElementsByTagName 的本地副本

jquery - jQuery 上的 getElementsByName

javascript - 使用纯 JavaScript 创建对此 HTML 元素的引用的最有效方法是什么?

html - 使用VBA循环遍历多个div

javascript - 我应该如何从 Java 应用程序运行 NodeJS?

javascript - 如何使用 PHP 在电子邮件中以 HTML/文本格式发送 Javascript