Javascript und HTML-Breite in%

Question

Ich habe eine HTML-Text zum Beispiel:

<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>

Ich möchte von Tabellenbreite extrahieren $("#AAA") Javascript verwenden. Der gewünschte Wert muss in% sein.

Answer 1

reine JS

Sie sollten durch innerWidth des Fensters das .offsetWidth für das Element divide verwenden

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

Answer 2

Versuchen Sie diesen Code

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