У меня есть задание:
Мы хотим заменить второй элемент 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>
Помогите найти, что здесь неправильно.