Как получить фактическую ширину и высоту HTML-элемента?
Не объединяйтесь. Это не нужно, мы запятые, поскольку эхо может принимать несколько параметров
echo "Welcome ", $name, "!";
Что касается использования одиночных или двойных кавычек, разница незначительна, вы можете провести тесты с большим количеством строк, чтобы проверить себя.
5 ответов
Необходимо использовать .offsetWidth и .offsetHeight свойства. Обратите внимание, что они принадлежат элементу, не .style.
var width = document.getElementById('foo').offsetWidth;
element.offsetWidth и element.offsetHeight должны сделать, как предложено в предыдущем сообщении.
Однако, если Вы просто хотите центрировать содержание, существует лучший способ сделать так. Принятие Вас использует xhtml строгий DOCTYPE., устанавливает margin:0, автоматическое свойство и требуемую ширину в пкс к тегу основного текста. Содержание получает центр, выровненный к странице.
Только необходимо вычислить его для IE7 и более старый (и только если содержание не имеет фиксированного размера). Я предлагаю использовать условные комментарии HTML для ограничения взлома старым IES, которые не поддерживают CSS2. Поскольку все другие браузеры используют это:
<style type="text/css">
html,body {display:table; height:100%;width:100%;margin:0;padding:0;}
body {display:table-cell; vertical-align:middle;}
div {display:table; margin:0 auto; background:red;}
</style>
<body><div>test<br>test</div></body>
Это - идеальное решение. Это центрируется <div> из любого размера и упаковывает его в термоусадочную пленку к размеру его содержания.
ПРИМЕЧАНИЕ : этот ответ был записан в 2008. В то время, когда лучшее решение перекрестного браузера для большинства людей действительно состояло в том, чтобы использовать jQuery. Я оставляю ответ здесь для потомства и, если Вы используете jQuery, это - хороший способ сделать это. При использовании некоторой другой платформы или чистого JavaScript, принятый ответ является, вероятно, способом пойти.
С jQuery 1.2.6 можно использовать одно из ядра функции CSS , height и width (или outerHeight и outerWidth, как соответствующее).
var height = $("#myDiv").height();
var width = $("#myDiv").width();
var docHeight = $(document).height();
var docWidth = $(document).width();
также можно использовать этот код:
var divID = document.getElementById("divid");
var h = divID.style.pixelHeight;