Javascript 和 HTML 宽度（以 % 为单位）答案

【问题标题】：Javascript and HTML width in %Javascript 和 HTML 宽度（以 % 为单位）
【发布时间】：2017-03-29 06:49:05
【问题描述】：

我有一个html文本例如：

<table cellspacing="0" width="50%" id='AAA' border='1' cellpadding="0">
  <tr>
    <td width="5%">
      <div align="center">Nr. rd.</div>
    </td>
    <td width="50%">
      <div align="center">Indicator</div>
    </td>
    <td width="15%">
      <div align="center">Valoare</div>
    </td>
  </tr>
  <tr>
    <td width="5%">
      <div align="center">A</div>
    </td>
    <td width="50%">
      <div align="center">B</div>
    </td>
    <td width="15%">
      <div align="center">1</div>
    </td>
  </tr>
</table>

我想使用 Javascript 从表 $("#AAA") 中提取宽度。我想要的值必须是 %。

【问题讨论】：

答案已编辑以百分比形式给出宽度；

标签： javascript c# html html-table

【解决方案1】：

试试这个代码

var width = $("#AAA").width();
var window = $( document ).width();
var percent = ((width/window) * 100);

【讨论】：

【解决方案2】：

纯 JS

你应该使用.offsetWidth作为元素除以窗口的innerWidth

var width = document.getElementById('AAA').offsetWidth;
var winWidth = window.innerWidth;
var widthPercent = width / winWidth * 100;

【讨论】：