如何在javascript中找到元素的实际宽度

嗨，我试图找到给定元素的实际宽度，并弹出显示实际宽度的警报

我使用的代码在这里

html元素

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

试着

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

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

和编辑你的html像

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

添加

（）

，您需要执行

.width（）

方法

试试这个：
首先编辑代码，删除“；”后样式属性
正确的代码是：
不
//通过ID获取表格宽度
var tableWidth=$（'菜单栏'）.css（'宽度'）；
警报（表格宽度）；//将警告表宽度

$（此）.find（“#菜单栏”）.width（）

用于显示（渲染）的实际宽度和

$（此）。查找（#菜单栏”）.css（'width'）

用于应用的宽度

jquery中有两种方法用于宽度； 1） .内宽 2） .外套

内部宽度不计算边距宽度，外部宽度计算边距宽度。

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

试试$（'菜单栏'）.css（'宽度'）；

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

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

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