如何在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

尝试

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

并编辑你的html

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

Answer 2

添加()，您需要执行.width()方法。

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

Answer 3

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

Answer 4

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 5

显示（呈现）的实际宽度为

$(this).find("#menu_bar").width();，应用宽度为$(this).find("#menu_bar").css('width')

Answer 6

jquery中有两种宽度方法; 1）.innerWidth 2）.outerwidth

内部宽度计算没有边距宽度，外部宽度计算边距宽度。

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