Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2021, 08:01
Кандидат Javascript-наук
Отправить личное сообщение для javascript888 Посмотреть профиль Найти все сообщения от javascript888
 
Регистрация: 07.05.2021
Сообщений: 143

Сделайте так, чтобы по клику на кнопку в абзац записался путь к картинки из ее атрибу
Пусть у вас есть картинка. Разместите ее на странице в помощью тега img. Пусть даны также кнопка и абзац. Сделайте так, чтобы по клику на кнопку в абзац записался путь к картинки из ее атрибута src. Как сделать?
Ответить с цитированием
  #2 (permalink)  
Старый 07.05.2021, 14:32
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,482

document.querySelector('button').addEventListener('click', () => {
    const src = document.querySelector('img').getAttribute('src');

    document.querySelector('p').innerHTML += src;
});
Ответить с цитированием
  #3 (permalink)  
Старый 07.05.2021, 21:46
Кандидат Javascript-наук
Отправить личное сообщение для javascript888 Посмотреть профиль Найти все сообщения от javascript888
 
Регистрация: 07.05.2021
Сообщений: 143

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<p id='p'></p>
<img id="img">
<button id='elem' type='submit'>Отправить 1</button>
<script>
    document.querySelector('button').addEventListener('click', () => {
       const src = document.querySelector('img').getAttribute('src');
           document.querySelector('p').innerHTML += src;
        img.src='1.jpg';
        	});

</script>

</body>
</html>


null вывел почему?
Ответить с цитированием
  #4 (permalink)  
Старый 07.05.2021, 23:07
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

javascript888,
в строке 9 нет никакого src, откуда оно возмётся в строке 13? перенесите строку 15 выше и будет вам счастье.
Ответить с цитированием
  #5 (permalink)  
Старый 09.05.2021, 10:43
Кандидат Javascript-наук
Отправить личное сообщение для javascript888 Посмотреть профиль Найти все сообщения от javascript888
 
Регистрация: 07.05.2021
Сообщений: 143

можно пример?
Ответить с цитированием
  #6 (permalink)  
Старый 09.05.2021, 11:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

Сообщение от рони
можно пример?
Сообщение от рони
перенесите строку 15 выше и будет вам счастье.

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<p id='p'></p>
<img id="img">
<button id='elem' type='submit'>Отправить 1</button>
<script>
    document.querySelector('button').addEventListener('click', () => {
       img.src='1.jpg';
       const src = document.querySelector('img').getAttribute('src');
           document.querySelector('p').innerHTML += src;
        	});
</script>
</body>
</html>
Ответить с цитированием
  #7 (permalink)  
Старый 09.05.2021, 11:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,790

или так
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Тег IMG</title>
</head>
<body>
<p id='p'></p>
<img id="img" src="1.jpg">
<button id='elem' type='submit'>Отправить 1</button>
<script>
    document.querySelector('button').addEventListener('click', () => {
       const src = document.querySelector('img').getAttribute('src');
           document.querySelector('p').innerHTML += src;
        	});
</script>
</body>
</html>
Ответить с цитированием
  #8 (permalink)  
Старый 09.05.2021, 11:40
Кандидат Javascript-наук
Отправить личное сообщение для javascript888 Посмотреть профиль Найти все сообщения от javascript888
 
Регистрация: 07.05.2021
Сообщений: 143

спасибо
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать так чтобы по нажатию на кнопку выполнялась функция? Zombie_Killer Общие вопросы Javascript 11 06.07.2017 21:34
Изменение картинки по клику на кнопку lloudb Javascript под браузер 8 19.01.2017 22:45
Поменять путь к файлу картинки по клику ufaclub jQuery 1 25.03.2016 09:41
Как сделать так чтобы показывалось загрузка картинки sarik Общие вопросы Javascript 15 18.02.2013 09:27
Как сделать так, чтобы JS при нажатии на кнопку не выполняла запрос со страницы. JSProgrammer Элементы интерфейса 3 18.05.2010 19:18