VPF::innerText и textContent - Форум программистов

Raily

Дата 7.7.2009, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 146
Регистрация: 25.9.2006

Репутация: нет
Всего: нет

У меня есть такой <div>:

Код


<div id="slct" style="overflow:auto"><input id="delall" type="button" value="del all" onClick="delAll();"><input id="saveFile" type="button" value="save file" onClick="saveFile();"></div>

И в него ещё элементы добавляются php-скриптом, вопрос такой - мне нужно выудить только текст из этого <div>, без html-разметки при помощи Java Script. Я написала следующий код:

Код


text=document.getElementById("slct").innerText;

Вопрос такой: а как можно innerText заменить на textContent, чтобы и Mozilla могла считывать текст из <div>? А то что-то нигде не могу найти нормального описания для работы с textContent.

bars80080

Дата 7.7.2009, 14:20 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

самое простое - закидывать в начало скриптов примерно такую штуку:

Код


var IE = false, IE6 = false, IE7 = false;
if(window.ActiveXObject) {
    IE = true;
    var uaVers = window.navigator.userAgent.substr(window.navigator.userAgent.indexOf('MSIE') + 5, 3);
    if(uaVers.slice(0, 1) == 6) { IE6 = true; }
    else { IE7 = true; }
}

и пользоваться:

Код


if(IE) { text=document.getElementById("slct").innerText; }
else { text=document.getElementById("slct").textContent; }

ну или в твоём случае можно проверку сделать прямо в коде

Код


if(window.ActiveXObject) { text=document.getElementById("slct").innerText; }
else { text=document.getElementById("slct").textContent; }

ksnk

Дата 7.7.2009, 17:08 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Код


var el=document.getElementById("slct");
text=el.innerText || el.textContent;

А innerTEXT точно не подходит?

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

youri

Дата 8.7.2009, 03:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 2
Всего: 16

Цитата

А innerTEXT точно не подходит?

нету такого в ff, тем более innerTEXT

--------------------

С кем разговаривает Microsoft

ksnk

Дата 8.7.2009, 10:54 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(youri @ 8.7.2009, 03:32

)

нету такого в ff, тем более innerTEXT

Угу... Я имел ввиду innerHTML... Он есть везде!

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

fidres

Дата 12.7.2009, 11:37 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 159
Регистрация: 15.11.2006

Репутация: нет
Всего: 1

кстати.
кто подскажет метод определения не только введённого кода клавиши, но и ascii-символа?
нужно отобразить символ, введённый с клавиатуры, а fromCharCode() возвращает не совсем то, что ожидается...
smile

Код

var key=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
buk=String.fromCharCode(key);
alert(key+' = '+buk);

четвёртый день башку ломаю...
смысл: по нажатию клавиши на клавиатуре выводить в какой-то элемент div/span символ (притом учитывая регистр).

--------------------

Исправьте ошибку в слове <ХЕРОШО> и я скажу Вам оптимист Вы или пессимист.

Soah

Дата 12.7.2009, 12:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54

Код


<script type="text/javascript">
    function foo(e) {
        var key= e.keyCode || e.which;
        var buk = String.fromCharCode(key);
        document.getElementById('txt').innerHTML += buk;
    }
</script>

<input type="text" onkeypress="foo(event)" />
<div id="txt"></div>

fidres, Правила форума

Цитата

П 10
Запрещается создание сообщения с несколькими вопросами. На каждый вопрос должна создаваться отдельная тема. В случае возникновения таких тем администрация форума оставляет за собой право изменить текст сообщения, удалить его или закрыть тему.

fidres

Дата 12.7.2009, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 159
Регистрация: 15.11.2006

Репутация: нет
Всего: 1

да это я задумался о своём...
по сути, меня вопрос о innerText/textContent тоже интересовал...
но с этим я сам разобрался.
но а всё остальное - вроде как в догонку. ;)

Код

function _evn(e){
  e=e||window.event;
  key=e.keyCode?e.keyCode:e.which?e.which:e.charCode;
  buk=String.fromCharCode(key).toLowerCase();
//  но тут встаёт вопрос обработки Ctrl/Alt/Shift и прочих функционалок
  switch (key){
//  думаю, их целесообразней перекрыть вот этой конструкцией
   case 13: alert('Enter'); break;
   default: try{document.all['d3'].innerText+=buk}catch(e){document.getElementById('d3').textContent+=buk}; break;
  }
}

Это сообщение отредактировал(а) fidres - 12.7.2009, 13:52

--------------------

Исправьте ошибку в слове <ХЕРОШО> и я скажу Вам оптимист Вы или пессимист.

Soah

Дата 12.7.2009, 13:51 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 512
Регистрация: 18.2.2009

Репутация: 8
Всего: 54

Цитата(fidres @ 12.7.2009, 13:35

)

но тут встаёт вопрос обработки Ctrl/Alt/Shift

shiftKey, ctrlKey, altKey

Цитата

shiftKey, ctrlKey, altKey
Служат для определения, нажата ли во время события соответствующая клавиша

fidres, создайте новую тему, и опишите Вашу задачу smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »