Método JS para obter a largura e a altura real do elemento HTML

O primeiro caso é que a largura e a altura são escritas na folha de estilo, como #div1 {width: 120px;}. Nesse caso, a largura não pode ser obtida através do #div1.style.width, mas a largura pode ser obtida através do #Div1.OffSetWidth.

O segundo caso é que a largura e a altura são escritas na linha, como Style = "Largura: 120px;", nesse caso, a largura pode ser obtida através dos dois métodos acima.

Resumo, porque o ID.OffSetWidth e o ID.OffSethEight ignoram o estilo escrito na folha de estilo ou na linha, é melhor usar esses dois atributos quando obtemos a largura e a altura do elemento. Observe que se os atributos gravados no estilo de linha não puderem ser obtidos através do id.style.atrr.

Atualmente, a produção front-end raramente escreve estilos diretamente em estilo, mas todos estão escritos em folhas de estilo. Se o estilo que você deseja obter não corresponder (apenas #div1.style.width corresponde a #div1.offsetWidth), você só poderá obter os atributos da folha de estilo sem usar um navegador. Você pode tentar pesquisar "JS Get Style Properties".

Código:

 var o = document.getElementById ("View"); var H = O.offsetHeight; // altura var w = o.offsetWidth; //Largura

O método acima para obter a largura e a altura reais do elemento HTML no JS é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.