Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как заменить элемент на странице. (https://javascript.ru/forum/dom-window/62535-kak-zamenit-ehlement-na-stranice.html)

St. 15.04.2016 12:19

Как заменить элемент на странице.
 
Даный скрипт удаляет элемент 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>';

?>

рони 15.04.2016 12:47

Цитата:

Сообщение от St.
не удалить элемент, а заменить его на другой.

прочитать документацию
https://learn.javascript.ru/modifying-document

St. 15.04.2016 13:34

Цитата:

Сообщение от рони (Сообщение 414190)
прочитать документацию
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, заменить одну строку на другую. Если правильлно, я это понимаю.

рони 15.04.2016 13:36

St.,
replaceChild тамже

рони 15.04.2016 13:40

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>

St. 15.04.2016 14:12

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

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

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


Часовой пояс GMT +3, время: 17:37.