Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.04.2016, 12:19
St. St. вне форума
Аспирант
Отправить личное сообщение для St. Посмотреть профиль Найти все сообщения от St.
 
Регистрация: 15.04.2016
Сообщений: 53

Как заменить элемент на странице.
Даный скрипт удаляет элемент input из страницы HTML.
Вопрос. Как подправить скрипт, чтобы можно было не удалить элемент, а заменить его на другой.

<?php

echo '<html>';
echo '<body>'; 

echo '<form method="post" name="myform" enctype="multipart/form-data" action="http://127.0.0.1">';
echo '<br>';
echo '<br>';
echo '<input id="fileInput" type="file" size="75" name="file1">';
echo '<br>';
echo '<br>';

echo '<a href="#" onclick="cl(\'fileInput\')">';
echo 'Удалить';
echo '<a>';

echo '</form>';

echo '</body>'; 
echo '</html>'; 

// Удаление элемента input из страницы HTML.
echo '<script>

	function cl(Id)
	{
	var el = document.getElementById(Id);
	el.parentNode.removeChild(el);
	}

</script>';

?>
Ответить с цитированием
  #2 (permalink)  
Старый 15.04.2016, 12:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от St.
не удалить элемент, а заменить его на другой.
прочитать документацию
https://learn.javascript.ru/modifying-document
Ответить с цитированием
  #3 (permalink)  
Старый 15.04.2016, 13:34
St. St. вне форума
Аспирант
Отправить личное сообщение для St. Посмотреть профиль Найти все сообщения от St.
 
Регистрация: 15.04.2016
Сообщений: 53

Сообщение от рони Посмотреть сообщение
прочитать документацию
https://learn.javascript.ru/modifying-document
Смотрел. Там предлагается через li, span, div... Т.е. пулучится вот так:

echo '<li>';
echo '<input id="fileInput" type="file" size="75" name="file1">';
echo '</li>';

Можно ли без li, span, div. Просто заменить сторку по id, заменить одну строку на другую. Если правильлно, я это понимаю.

Последний раз редактировалось St., 15.04.2016 в 13:37.
Ответить с цитированием
  #4 (permalink)  
Старый 15.04.2016, 13:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

St.,
replaceChild тамже
Ответить с цитированием
  #5 (permalink)  
Старый 15.04.2016, 13:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

St.,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<input id="fileInput" type="file" size="75" name="file1">
<script>
 function cl(Id)
	{
	var el = document.getElementById(Id);
	el.parentNode.replaceChild(document.createTextNode("всякая хрень"),el);
	}

 cl("fileInput")
</script>
</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 15.04.2016, 14:12
St. St. вне форума
Аспирант
Отправить личное сообщение для St. Посмотреть профиль Найти все сообщения от St.
 
Регистрация: 15.04.2016
Сообщений: 53

Здорово! Спасибо. Попробую пристыковать это к своему проекту.

П.C.
Ой. Ошибка.
Я пытаюсь сделать очистить файл (очистить input file).
Извините, подскажите. Как правильно это сделать?

Тема здесь: http://javascript.ru/forum/showthrea...214#post414214

Последний раз редактировалось St., 15.04.2016 в 16:15.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы элемент появлялся при скроле страницы, у определенного класса. SnakeAce Общие вопросы Javascript 1 30.01.2013 14:32
Как перевести фокус на следующий элемент? Shitbox2 jQuery 3 03.11.2012 15:57
Как при прокрутке страницы оставлять элемент на месте? FRIE jQuery 1 02.08.2012 20:54
Как правильно заменить подстроку. Ogara Общие вопросы Javascript 3 13.07.2012 03:12
Как передать элемент в переменную из функции kichSman jQuery 3 12.07.2011 22:16