Как проверить, скрыта ли textarea с помощью javascript?Скрытая проверка текста
ответ
Internet explorer как-то путается, если у вас есть два элемента с одинаковым идентификатором. Хотя все прекрасно работает в firefox, они не работают в Internet Explorer. Я изменил идентификатор textarea, и теперь он работает.
Спасибо, ребята.
var textArea = document.getElementById('textAreaId');
if (textArea.currentStyle.visibility === 'hidden' || textArea.currentStyle.display === 'none')
{
/* code */
}
Это будет работать, только если видимость явно указана в свойстве 'style' textarea (а не, например, если установлена правилом CSS с использованием селектора классов) –
Хорошая точка, исправлена. – JonathanK
var myBox = document.getElementById("myBox");
if (myBox.currentStyle.display === "none" || myBox.currentStyle.visibility === "hidden") {
alert("Box is invisible");
}
- Работает с
<textarea id="myBox">Lorem ipsum doloet set amit</textarea>
Это будет работать, только если видимость/отображение явно задано в свойстве стиля textarea (а не, например, если установлено с помощью правила CSS с помощью селектора классов) –
спасибо, что делает document.getElementById («id») возвращается, если идентификатор не существует в случае Internet Explorer. Он возвращает NULL в firefox. – yogsma
Yogsma, убедитесь, что у вас есть атрибут ID, установленный в вашем текстовом поле. Я обновил свой ответ, чтобы отразить это. 'getElementById (« id »)' также чувствителен к регистру, убедитесь, что вы пишете именно то, что у меня есть. Если элемент не найден, он вернет 'undefined' или' null', я думаю. – Sampson
Не было бы нескрываемым в первую очередь, если ваш CSS не устанавливая его на дисплей: нет; ?
Если вы хотите, чтобы скрыть или показать его, вы просто должны быть в состоянии использовать некоторые JQuery:
$(document.body).css("display", "none");
или
$(myForm.elements).hide()
И так далее.
Вы попробовали elm.getBoundingClientRect()?
Он отображает все нулевые значения, если элемент или родитель имеет отображение: none.
С видимостью: скрытый элемент есть, а затем есть прямоугольник.
<html>
<head>
<title>hidden</title>
</head>
<body>
<div style="display:none">
<form>
<textarea></textarea>
</form>
</div>
<script>
var rect = document.getElementsByTagName('TEXTAREA')[0].getBoundingClientRect();
alert(rect.right === 0 ? 'hidden':'visible');
</script>
</body>
</html>
- 1. Скрытая проверка поля
- 2. Validator add method скрытая проверка поля
- 3. Проверка текста
- 4. переменная, скрытая в тексте
- 5. Существует ли скрытая проверка присутствия в активных ассоциациях записей?
- 6. JQuery скрытая проверка флажка, но не снятие флажка
- 7. Проверка ввода текста
- 8. проверка текста, если пуст
- 9. Проверка на редактирование текста
- 10. Проверка символов счетчика текста
- 11. Проверка текста Backspace Issue
- 12. Проверка правильности текста
- 13. Проверка текста в javascript
- 14. Devexpress: проверка текста aspxtextbox
- 15. Проверка ввода текста
- 16. Проверка при вводе текста
- 17. Проверка текста - Textarea
- 18. Что такое md-визуально-скрытая?
- 19. Скрытая переменная в закрытии .Net
- 20. Переполнение: скрытая ошибка в IE8
- 21. javascript: отображается скрытая текстовая ширина
- 22. Проверка правильности текста в android?
- 23. Проверка границы текста на вход
- 24. Проверка ввода текста, когда пуста
- 25. Редактирование текста и проверка CheckBox
- 26. Проверка текста по нескольким опциям
- 27. Проверка текста в рамке Grails
- 28. Проверка текста с помощью ListView
- 29. Проверка текста кнопки в tkinter?
- 30. Masked TextBox Проверка ошибки текста
Скрытый как в, не видно? Или сейчас нет на странице? Или отображается как '' control? –