Отрезать с Javascript String показывая Strings как incio и как конец

У меня есть один string что содержит код HTML с tags <img> в нем, я нуждаюсь в том, чтобы создать array с src каждый img но я не могу показывать ему из-за чисел, где отрезать, так как я не знаю, где появляется tag img ни, где он заканчивается

<p>Hola, esto es un ejemplo<img src="./img-uploads/345753e8-bba6-d75f-3f0f-0f4d0b9bd493.jpg" style="width: 757px;">&nbsp;más texto de prueba<img src="./img-uploads/48deeb1c-a32e-cc28-76b4-e59806c7b1d5.jpg" style="width: 50px;"><br></p>

Моя идея состоит в том, чтобы находить как начало <img src=" и как конец, следующий характер в команде, которая была бы ", так как то, что производит этот код, является редактором и добавленный стиль будет меняться всегда.


Я это решил немного редким способом, но функционируй, чтобы находить в любом string кусок используя как индекс куски string что это окружили

Благодаря Lois6b из-за Вашей помощи, в котором я ищу прямо сейчас, это правильный ответ, однако, я оставляю код, если кто-то хочет сделать что-то сходным, не могут использовать getElementsByTagName.

var string = '<p>Hola, esto es un ejemplo<img src="./img-uploads/345753e8-bba6-d75f-3f0f-0f4d0b9bd493.jpg" style="width: 757px;">&nbsp;más texto de prueba<img src="./img-uploads/48deeb1c-a32e-cc28-76b4-e59806c7b1d5.jpg" style="width: 50px;"><br></p>'
var resultado = [];
var ultimo = -1;
do {
    var n = string.indexOf('<img src="',ultimo+1); // img
        ultimo=n;
    var m = string.indexOf('"',ultimo+10) // comillas

    if(n!=-1)
    resultado.push(string.slice(n+10, m));  //+10 por el tamaño de <img src= 
    ultimo=n;
} while (n!=-1);

console.log(resultado);
2
задан 13.04.2017, 16:00
0 ответов

Для этого ты можешь использовать функцию getElementsByTagName("img"); что возвращает коллекцию элементов, в этом случае которой Tag было img.

Ты повторяешь из-за элементов и для каждого, достаешь признак src с .getAttribute("src"); для того, чтобы тебя достало буквально то, что содержит этот признак. В твоем случае, он достал бы унифицированный указатель ресурса относительная, не включая http://...

Если ты используешь .src сухие периоды он достал бы унифицированный указатель ресурса заверши

var elementos= document.getElementsByTagName("img");
var imagenesSRC =  new Array (elementos.length);
for(var i=0;i<elementos.length;i++){
    console.log(elementos[i].getAttribute("src"));
    imagenesSRC[i] = elementos[i].getAttribute("src");
}
<p>Hola, esto es un ejemplo<img src="./img-uploads/345753e8-bba6-d75f-3f0f-0f4d0b9bd493.jpg" style="width: 757px;">&nbsp;más texto de prueba<img src="./img-uploads/48deeb1c-a32e-cc28-76b4-e59806c7b1d5.jpg" style="width: 50px;"><br></p>
2
ответ дан 03.12.2019, 17:37

Теги

Похожие вопросы