javascript. getElementById как вытащить число - JavaScript, Ajax

Bayern_M · 03.08.2015, 11:12

Здравствуйте!
Набросал простенькую страничку, чтобы освоить getElementById
Хочу вытаскивать числовое (!) значение из ячейки val и увеличивать его на 0.001 раз в секунду. Никак не могу понять как мне вытащить числовое значение, а не текст.
Пока придумал только как работать с текстом

Код:

<!DOCTYPE html>
<html>
    <head>
        <title>Имитация</title></head>
    <body>
        <table>
            <tr>
                <td>Блок детектирования, ID</td>
                <td>Текущее значение</td>
                <td>Предупредительная уставка</td>
                <td>Аварийная уставка</td>
            </tr>
            <tr>
                <td>1</td>
                <td id = "val">0.087</td>
                <td>0.23</td>
                <td>0.3</td>
            </tr>
        </table>
        <script type="text/javascript">
            setInterval(foo, 1000);
            function foo()
            {
            document.getElementById("val").innerHTML = Number(document.getElementById("val").innerHTML) +0.001;
            }

        </script>
    </body>
</html>

Вадим Мошев · 03.08.2015, 11:23

Попробуйте функию foo переписать так:

Код:

var q = +document.getElementById("val").innerHTML;
q +=0.001;

document.getElementById("val").innerHTML = q;

Bayern_M · 03.08.2015, 11:56

Цитата:

Сообщение от Вадим Мошев

Попробуйте функию foo переписать так:

Код:

var q = +document.getElementById("val").innerHTML;
q +=0.001;

document.getElementById("val").innerHTML = q;

Спасибо, но хотелось бы реализовать без innerHTML, а, например, через .value.

ПС. и как можно меньше вызовов getElementById. А то ругаются, что он тяжелый. Буду сидеть думать

Streletz · 03.08.2015, 13:02

Цитата:

Сообщение от Bayern_M

Спасибо, но хотелось бы реализовать без innerHTML, а, например, через .value.

ПС. и как можно меньше вызовов getElementById. А то ругаются, что он тяжелый. Буду сидеть думать

jQuery не подойдёт???

SQLPowerUser · 03.08.2015, 22:05

>>> ПС. и как можно меньше вызовов getElementById. А то ругаются, что он тяжелый.
Почему тяжелый? Как я понял, самый быстрый. Внутреннее устройство поисковых методов

Если в коде часто приходится вызывать getElementById, то для удобочитаемости, можно через самодельную функцию gid

Код HTML:

function gid (idx) {return document.getElementById(idx);}
gid('Element1').innerHTML = ...;
gid('Elem2').style.display = ...;

Stilet · 04.08.2015, 09:25

Цитата:

хотелось бы реализовать без innerHTML, а, например, через .value.

Не получится. Нет свойства value у тега <td>.

Цитата:

как можно меньше вызовов getElementById. А то ругаются, что он тяжелый.

Дурацкие гики...
в начале скрипта создай переменку, в которую getElementById() получи нужный элемент. Потом обращайся к данным через эту переменку, если уж суеверный.

Naive · 08.08.2015, 17:35

Цитата:

Сообщение от Bayern_M

и как можно меньше вызовов getElementById. А то ругаются, что он тяжелый.

А .innerHTML легкий, ага.

uberchel · 09.08.2015, 00:16

Немножко хардкора )

Код:

<script>var a;setInterval(function(){a.innerHTML=+(a=document.getElementById('val')).innerHTML+0.001},1000);</script>

alexelev · 22.08.2015, 12:53

у меня так получилось:

Код:

<script type="text/javascript">
            setInterval(foo, 1000);
            function foo()
            {
              var value = parseFloat(document.getElementById("val").innerHTML);
              document.getElementById("val").innerHTML = (value + 0.001).toFixed(3);
            }
        </script>

метод getElementById() самый быстрый, что существует в настоящее время в DOM API, так что вы были неверно информированы, а свойства value, как уже сказали, нет у элемента td, только innerHTML.

03.08.2015, 11:12	#1
Bayern_M Форумчанин Регистрация: 18.03.2015 Сообщений: 114	javascript. getElementById как вытащить число Здравствуйте! Набросал простенькую страничку, чтобы освоить getElementById Хочу вытаскивать числовое (!) значение из ячейки val и увеличивать его на 0.001 раз в секунду. Никак не могу понять как мне вытащить числовое значение, а не текст. Пока придумал только как работать с текстом Код: <!DOCTYPE html> <html> <head> <title>Имитация</title></head> <body> <table> <tr> <td>Блок детектирования, ID</td> <td>Текущее значение</td> <td>Предупредительная уставка</td> <td>Аварийная уставка</td> </tr> <tr> <td>1</td> <td id = "val">0.087</td> <td>0.23</td> <td>0.3</td> </tr> </table> <script type="text/javascript"> setInterval(foo, 1000); function foo() { document.getElementById("val").innerHTML = Number(document.getElementById("val").innerHTML) +0.001; } </script> </body> </html>

03.08.2015, 11:23	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Попробуйте функию foo переписать так: Код: `var q = +document.getElementById("val").innerHTML; q +=0.001; document.getElementById("val").innerHTML = q;`

03.08.2015, 22:05	#5
SQLPowerUser Форумчанин Регистрация: 19.01.2015 Сообщений: 158	>>> ПС. и как можно меньше вызовов getElementById. А то ругаются, что он тяжелый. Почему тяжелый? Как я понял, самый быстрый. Внутреннее устройство поисковых методов Если в коде часто приходится вызывать getElementById, то для удобочитаемости, можно через самодельную функцию gid Код HTML: function gid (idx) {return document.getElementById(idx);} gid('Element1').innerHTML = ...; gid('Elem2').style.display = ...;

09.08.2015, 00:16	#8
uberchel Участник клуба Регистрация: 19.01.2009 Сообщений: 1,453	Немножко хардкора ) Код: `<script>var a;setInterval(function(){a.innerHTML=+(a=document.getElementById('val')).innerHTML+0.001},1000);</script>`

22.08.2015, 12:53	#9
alexelev Пользователь Регистрация: 05.12.2012 Сообщений: 26	у меня так получилось: Код: `<script type="text/javascript"> setInterval(foo, 1000); function foo() { var value = parseFloat(document.getElementById("val").innerHTML); document.getElementById("val").innerHTML = (value + 0.001).toFixed(3); } </script>` метод getElementById() самый быстрый, что существует в настоящее время в DOM API, так что вы были неверно информированы, а свойства value, как уже сказали, нет у элемента td, только innerHTML.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вытащить число из 14 последовательных разрядов	vaan.sk	Общие вопросы C/C++	3	05.12.2012 10:04
JavaScript.как я могу вписать число в область для введения числа на сайте.	ромик0	JavaScript, Ajax	9	08.07.2011 17:30
Как правильно изменить фон в объекте, полученном через getElementById	Stilet	JavaScript, Ajax	3	11.11.2010 17:34
Что делает данный JS (там есть такие ф-ии как getElementsByTagName и getElementById)	TwiX	JavaScript, Ajax	5	05.02.2010 19:49
JavaScript. Проблема с GetElementById	kirill555	Помощь студентам	1	14.02.2008 12:30