Как динамически изменять значение тега meter

#javascript #html

#javascript #HTML

Вопрос:

Я использую один <meter> тег в моем html5.

Я хочу динамически изменять значение этого тега meter с помощью javascript.

Я использовал следующее:

document.form1.meter1.value = 5;

Но это не работает.

Ответ №1:

Попробуйте:

 document.getElementById('meter1').setAttribute('value', '0.5');

Ответ №2:

Максимальное значение для тега meter (если вы его не указали) равно 1 . Поэтому, если вы хотите изменить его значение, оно должно быть в диапазоне от 0 до 1.

Итак, ваш код правильный, он просто не работает, потому что значение, которое вы ему даете, неверно. Присвойте ему значение, скажем, 0.05 (потому что это выглядит так, как вы хотите. Я предполагаю, что вы предположили, что он принял форму от 0 до 100. Таким образом, 5/100 будет равно 0,05), и это сработает.

Прочитайте документы MDN по тегу meter.

1. На самом деле, если вы используете атрибуты min and max , вы можете указать диапазон тега meter (согласно документам, на которые вы ссылались).

2. @BryanRoss Это то, что я сказал. Я сказал, что по умолчанию оно равно 1, если вы не указали его самостоятельно.