Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.10.2019, 21:27
Новичок на форуме
Отправить личное сообщение для tinycolonel Посмотреть профиль Найти все сообщения от tinycolonel
 
Регистрация: 14.10.2019
Сообщений: 6

Заменить элемент javascript на другой
У меня есть задание:

Мы хотим заменить второй элемент img (bad picture). Поместите текст "Now here is a ‘span’ element." в элемент span.
Мой код:
<!DOCTYPE html>
  <head>
    
  </head>
  <body>
    <p style="color: navy"> There's only picture here...
     <br>
     <img src="http://ipic.su/img/img7/fs/burger.1537205489.jpg" width="100px" height="100px" />
    </p>
    <br>
    <p> This one cannot be displayed. We have to replace it. 
     <img alt="bad picture">
    </p>

<script type="text/javascript">
       var imgElement = document.getElementsByTagName("img")[1];
       var spanElement = document.createElement("span");
       var spanText = document.createTextNode("Now here is a ‘span’ element.");  
       spanElement.appendChild(spanText);
       var rod = document.getElementsByTagName("p")[1];
       document.rod.replaceChild(spanElement, imgElement);
</script>

</body>
</html>

Помогите найти, что здесь неправильно.

Последний раз редактировалось tinycolonel, 16.10.2019 в 19:35. Причина: Испарвление кода
Ответить с цитированием
  #2 (permalink)  
Старый 15.10.2019, 22:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

tinycolonel,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 15.10.2019, 22:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

Сообщение от tinycolonel
что здесь неправильно.
Сообщение от tinycolonel
document.replaceChild
нужен родитель картинки!
Ответить с цитированием
  #4 (permalink)  
Старый 15.10.2019, 22:33
Новичок на форуме
Отправить личное сообщение для tinycolonel Посмотреть профиль Найти все сообщения от tinycolonel
 
Регистрация: 14.10.2019
Сообщений: 6

Я добавил родителя, но код не работает
Ответить с цитированием
  #5 (permalink)  
Старый 15.10.2019, 22:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

tinycolonel,
https://learn.javascript.ru/dom-navi...sedi-i-roditel
Цитата:
Родитель доступен через parentNode.
Ответить с цитированием
  #6 (permalink)  
Старый 15.10.2019, 22:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

Сообщение от tinycolonel
document.rod.replaceChild(spanElement, imgElement);
уберите лишнее.
или можно так
imgElement.parentNode.replaceChild(spanElement, imgElement);
Ответить с цитированием
  #7 (permalink)  
Старый 15.10.2019, 22:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

tinycolonel,
Сообщение от рони
imgElement.parentNode.replaceChild(spanElement, imgElement);
Ответить с цитированием
  #8 (permalink)  
Старый 15.10.2019, 22:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 27,110

tinycolonel,
или так
rod.replaceChild(spanElement, imgElement);

код форматируйте, кнопки перед вами.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Другой взгляд на javascript Дубров Олег Javascript под браузер 24 27.05.2017 10:15
frontend разработчик JavaScript Москва Михаил2016 Работа 4 21.08.2016 14:30
Петербург: Javascript + Canvas. Разработчик для портирования игры. В офис. waxattack Работа 0 21.07.2016 15:06
текстовый редактор, заменить div на p - JavaScript failure Элементы интерфейса 0 13.12.2015 10:29
javascript вставки в vrml сцены. Передать событие из броузера Proletariy Javascript под браузер 0 10.05.2011 12:26