Почему getElementsByClassName не работает?

Question

[Rashon Zhax]

Вот сам скрипт

function flexibleTextarea(){
var _txt = document.getElementsByClassName('text');
var _minRows = 5;

if (_txt) {
function setRows() {
_txt.rows = _minRows; 
do {
if (_txt.clientHeight != _txt.scrollHeight) _txt.rows += 1;
} while (_txt.clientHeight < _txt.scrollHeight);
}
setRows();
_txt.rows = _minRows;

_txt.onkeyup = function(){
setRows();
}
}
}
if (window.addEventListener)
window.addEventListener("load", flexibleTextarea, false);
else if (window.attachEvent)
window.attachEvent("onload", flexibleTextarea);

Answer 1

[Dark Hole]

Во-первых, на тостере код надо оборачивать в тег code.
Во-вторых, JS чувствителен к регистру букв. getelementsbyname и getElementsByName - абсолютно разные вещи.
В-третьих, getElementsByName возвращает HTMLCollection - массивоподобный объект. Откуда у него свойство rows?

Comments

[Rashon Zhax]

Я просто чтобы по быстрей написал так.
UPD: так будет лучше? Плюс, все равно ничего не работает

[Dark Hole]

Rashon Zhax: а еще лучше, пример на JSFiddle с HTML. Не могу понять, какое поведение вы ожидаете.

[Rashon Zhax]

Dark Hole: кхм. https://jsfiddle.net/xy541c0y/

Answer 2

[4X_Pro]

В JavaScript регистр букв в именах методов является значимым. Правильно писать document.getElementsByClassName.

Comments

[Rashon Zhax]

Я просто чтобы по быстрей написал так.
UPD: так будет лучше? Плюс, все равно ничего не работает

[4X_Pro]

Вот тут вот что с чем сравнивается: _txt.clientHeight != _txt.scrollHeight ? И точно ли должно быть полное совпадение или же что-то вроде _txt.clientHeight < _txt.scrollHeight ?

[4X_Pro]

Поразмыслил еще немного над кодом. Скорее всего, нужно в функции setRows работать с _txt[0], а не просто _txt, так как Dark Hole совершенно правильно заметил

getElementsByName возвращает HTMLCollection - массивоподобный объект.

. Ну или чтобы совсем все правильно было, циклом проходить по всем элементам этого объекта, а не только с нулевым работать.

[Kovalsky]

4X_Pro: к тому же по каким-то причинам не работает цикл while. Кажется, условие дурацкое.

[Exploding]

Не особо вникал в ваш скрипт, да и html-ной части нет, но зачастую проблема кроется в том, что путают выбор элемента по ID где возвращается только один элемент, и по имени класса, где возвращается НАБОР элементов, но по привычке работают как с одним элементом.

[4X_Pro]

Exploding: если я правильно понял, этот код увеличивает значение атрибута rows у textarea по мере ввода текста, чтобы не было прокрутки.

[Exploding]

4X_Pro: если так, тогда по моей любимой схеме: js и прочие костыли фтопку, дописываем div-у параметр contentEditable=true, радуемся и ставим Яо Мина на аватарку:)

[4X_Pro]

Exploding: ну это не ко мне, а к автору вопроса уже...

[Rashon Zhax]

Exploding: Это же редактор для разработчика? С помощью него можно всякие js менять? Не?

[Exploding]

Rashon Zhax: та не, этот параметр позволяет редактировать содержимое элементов. В ВК так кстати работает поле для ввода сообщений! Ведь в текстарию не впихнешь смайлики) да и помимо это становится доступны для использования комбинации клавиш типа ctrl+b, ctrl+i (сделать жирным, наклонным текст) и т.д.
Можно и js менять, но это нужно специально предусмотреть... Ну почитайте, мануалов по этой теме очень много. Это старый давно доступный параметр. Многие думают что он только в html5 появился, но нет. Он древний как тэг бр)))