ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему может не срабатывать присваивание innerHTML?
8 сообщений из 8, страница 1 из 1
Почему может не срабатывать присваивание innerHTML?
    #39296629
Алиса С
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Алиса С
Гость
Код: javascript
1.
2.
3.
function insert_item(){ var elem = document.getElementById('pic');
  elem.innerHTML += '<form action="some.php"><input id="some_id" type="text" maxlength="16" class="input"><input type="submit" class="some_button" value="Далее"></form>'
}
...
Рейтинг: 0 / 0
23.08.2016, 19:44
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296632
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Алиса С,

Нужен минимальный тестовый пример, чтобы не гадать, что находится за пределами функции.
...
Рейтинг: 0 / 0
23.08.2016, 19:50
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296648
Алиса С
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Алиса С
Гость
бухалтер фантоцци,

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
<!DOCTYPE html>
 <html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Тест</title>
<?php 
PRINT "<img src = \"1.JPG\" id=\"pic\">";
PRINT "<a onclick=\"insert_item()\">Жми</a>";
?>
<script>function insert_item(){ var elem = document.getElementById('pic');
  elem.innerHTML += '<form action="some.php"><input id="some_id" type="text" maxlength="16" class="input"><input type="submit" class="some_button" value="Далее"></form>'
}</script>
	 </body>
</html>
...
Рейтинг: 0 / 0
23.08.2016, 20:07
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296649
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Алиса С,

ну правильнее рассматривать код уже на клиенте , и его там дебажить
...
Рейтинг: 0 / 0
23.08.2016, 20:10
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296651
Алиса С
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Алиса С
Гость
бухалтер фантоцци,

исправила нехватающие хед и боди

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
 <html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Тест</title>
    </head>
<body>
<?php 
PRINT "<img src = \"1.JPG\" id=\"pic\">";
PRINT "<a onclick=\"insert_item()\">Жми</a>";
?>
<script>function insert_item(){ var elem = document.getElementById('pic');
  elem.innerHTML += '<form action="some.php"><input id="some_id" type="text" maxlength="16" class="input"><input type="submit" class="some_button" value="Далее"></form>'
}</script>
	 </body>
</html>
...
Рейтинг: 0 / 0
23.08.2016, 20:12
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296654
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Код: javascript
1.
  elem = document.getElementById('pic')


и
Код: javascript
1.
elem.innerHTML


совместимы?
...
Рейтинг: 0 / 0
23.08.2016, 20:17
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296656
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Алиса С,

А для чего Вы используете тег <img> в качестве контейнера для html-кода? Он не для этого предназначен.

Более того, в разных браузерах Вы получите разные варианты работы с innerHTML для img
FireFox создаст такое свойство и покажет его значение, Chrome даже значение не присвоит.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">
<script type="text/javascript">
  function insert_item(){
  var elem = document.getElementById('pic');
  elem.innerHTML += '<form action="some.php"><input id="some_id" type="text" maxlength="16" class="input"><input type="submit" class="some_button" value="Далее"></form>';
  alert(elem.innerHTML);
}</script>
</head>
<body>
  <img src = "1.jpg" id="pic">
  <a href="javascript:void(insert_item())">Жми</a>
</body>
</html>
...
Рейтинг: 0 / 0
23.08.2016, 20:21
| Ответить | Цитировать | Написать  
Почему может не срабатывать присваивание innerHTML?
    #39296658
Алиса С
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Алиса С
Гость
бухалтер фантоцци,

спасибо! дело именно в контейнере.
...
Рейтинг: 0 / 0
23.08.2016, 20:31
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему может не срабатывать присваивание innerHTML?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]