Получение HTML от элемента (атрибута) из DOM

Question

Дано:

var imageURL1 = $(".Img1").attr("src"); 

Если я предупредит imageURL1, у меня есть что-то вроде:

[object Object] 

Допустим, я хочу, чтобы получить реальное значение URL и перейти к другой переменной в том, как я могу добавить, например, новый атрибут src.

<img class="Img2" src= "'+imageURL1+ '" alt="etc..etc.." /> 

Это не работает, потому что URL-адрес будет http://[Object/Object] или аналогичными.

Как я могу получить значение этого HTML-кода и создать URL-адрес?

Answer 1

Код, который вы используете, возвращает объект, представляющий селектор jQuery.

var imageURL1 = $("Img1").attr("src"); 

Это будет работать, если вы даете img идентификатор "Img1" и используйте следующее:

var imageURL1 = $("#Img1").attr("src"); 
alert(imageURL1); 

https://jsfiddle.net/40yufa1g/

Answer 2

Один способ установки, получить img элемент src атрибут состоит в использовании document.images[index], где index представляет собой целое число, представляющее индекс, основанный на 0, выбранного элемента img в пределах document

// get `src` of first `img` element within `document` 
 
var imgURL1 = document.images[0].src; 
 
// set `src` of second `img` element within `document` 
 
document.images[1].src = imgURL1; 
 
// log `imgURL1` 
 
console.log(imgURL);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<img src="http://lorempixel.com/50/50/nature" /> 
 
<img src="" />

Answer 3

вы, вероятно, есть несколько изображений с классом "Img1", вот почему JQuery возвращает объект.