Удаление изображения
Помогите пожалуйста.
Нужно по нажатию на кнопку сделать проверку наличия изображения в <div> Если изображение существует то нужно его удалить. А если не существует то добавить.
<input type="Image" src="https://sun9-34.userapi.com/c855028/v855028167/2116c2/ZJVoZc3FBIU.jpg" id="buttom">
<script>
window.onload = function ()
{
buttom.onclick = function()
{
var pc = document.getElementById("pic_cntr");
var img = new Image();
let c = 'Raid Random/Reward_Dragon_Jpg/Armor/';
img.src = "https://sun9-33.userapi.com/c855028/v855028167/2116c9/maFx4LAOnQs.jpg";
pc.appendChild(img);
}
}
</script>
<div id='pic_cntr'></div>
|
Toban,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
Toban,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<input type="Image" src="https://i.ytimg.com/vi/0yXjC-yeNUw/default.jpg" id="buttom">
<script>
window.onload = function ()
{
var img = new Image();
img.src = "https://c7.uihere.com/files/979/107/747/astronaut-outer-space-euclidean-vector-astronaut-thumb.jpg";
var pc = document.getElementById("pic_cntr");
buttom.onclick = function()
{
img.parentNode ? img.remove() : pc.appendChild(img);
}
}
</script>
<div id='pic_cntr'></div>
</body>
</html>
|
Спасибо большое)
|
Еще вопрос.
При нажатии на кнопку у вас спрашивают число (к примеру 1 или 2). Если вы ввели 1 то выводит одну картинку, если 2 то другую. При этом если уже картинка существует то заменить её на новую. |
Всё. Не надо больше)
|
| Часовой пояс GMT +3, время: 02:40. |