javascript - JavaScriptで要素の実際の幅を見つける方法

Question

こんにちは、特定の要素の実際の幅を見つけて、実際の幅を示すアラートを表示しようとしています。

私が使用しているコードはこちらです..

html要素

<table cellspacing="1" cellpadding="5" style=";width:975px;border: 1px solid black;" id="menu_bar">

私はこれを使用しています：

var widthofmenubar = $(this).find("#menu_bar").width;

Answer 1

Try this:


First you edit your code, remove ';' after style attr

Correct Code is:

<table cellspacing="1" cellpadding="5" style="width:975px;border: 1px solid black;" id="menu_bar">

Not

<table cellspacing="1" cellpadding="5" style=";width:975px;border: 1px solid black;" id="menu_bar">

// Get Table Width by ID

var tableWidth = $('#menu_bar').css('width');

alert(tableWidth ); // will alert table width

Answer 2

幅のjqueryには2つの方法があります。1) .innerWidth 2) .outerwidth

innerwidth はマージン幅なしで計算し、outerWidth はマージン幅ありで計算します。

$('#menu_bar').innerWidth();
$('#menu_bar').outerWidth();