Размер слова
Всем привет :)
Столкнулся с такой задачей - получить размер слова в пикселях (важна только ширина), пока мои поиски решения не увенчались успехом, пытался сделать так:
<style>
div {margin: 0px; padding: 0px; border-width: 0px; width: 0px}
</style>
<body>
<div id="d1">text</div>
</body>
<script>
alert(document.styleSheets[0].cssRules[0].style.width)
alert(document.getElementById("d1").style.width)
</script>
Но первое сообщение так и выдает "0px", ну а второе просто пустое... На всякий случай делал вывод сообщений с таймаутом в секунду, все тоже самое. Еще пытался сделать через <table><tr><td> - результат аналогичный. Вобщем далее у меня есть только идеи как получить длину слов методом "тыка" - создать область фиксированных размеров и смотреть сколько букв влезет, но это уже "не нэскафе"... Буду благодарен, если кто подскажет в какой стороне искать ответ, все-таки хочется решить задачу человеческим способом :) |
C плавающим элементом примерно такой подход:
<script type="text/javascript">
window.onload = function(){
alert(document.getElementById('div').offsetWidth+'px');
};
</script>
<span id="div">text</span>
|
Спасибо, не знал о таком свойстве (:
|
| Часовой пояс GMT +3, время: 00:33. |