0

Как можно убрать www.example.ru из src?

<textarea id="content" cols="60" rows="10">
    <div id="description"><div style="text-align: center;">

        <img alt="Стенд и картинки для уголка безопасности" border="0"
            src="www.example.ru/images/goods/umey_deystvovat.jpg"
            title="Стенд и картинки для уголка безопасности">

        <img alt="Пожарная безопасность в школе" border="0"
            src="www.example.ru/images/goods/pb_foto_2.jpg"
            title="Пожарная безопасность в школе">
    </div>

    <img src="cat.jpg">
</textarea>
4
  • через id используя jquery я могу сделать, но как поменять сразу у всех сооброжалки не хватает.
    – votanko
    26 июн 2016 в 8:31
  • так же как и через id, только для выборки использовать класс или тег
    – Grundy
    26 июн 2016 в 8:35
  • А зачем там у вам <textarea> открывается и не закрывается? Менять хотите внутри textarea?
    – Sergiks
    26 июн 2016 в 9:51
  • Одного </div> не хватает
    – Doofy
    26 июн 2016 в 9:53

5 ответов 5

2

можно добавить id="needtodelete" у элемента и будет так

<textarea id="content" cols="60" rows="10">
<div id="description"><div style="text-align: center;">
<img id="needtodelete" alt="Стенд и картинки для уголка безопасности" border="0" src="www.example.ru/images/goods/umey_deystvovat.jpg" title="Стенд и картинки для уголка безопасности" />  
<img alt="Пожарная безопасность в школе" border="0" src="www.example.ru/images/goods/pb_foto_2.jpg" title="Пожарная безопасность в школе" />  
</div>

и потом в скрипте :

var a=document.getElementById("needtodelete");
a.src=a.src.replace(/www.example.ru/g,"");

или ещё можно удалить до первого вхождения знака '/'

7
  • chrome пишет "Cannot read property 'src' of null "
    – votanko
    26 июн 2016 в 9:05
  • вероятно вы где-то ошиблись в имени id и в переменную а уходит null ...
    – GetYouFun
    26 июн 2016 в 9:06
  • вы оказались правы, но src не поменялось. www.example.ru/images/goods/umey_deystvovat.jpg
    – votanko
    26 июн 2016 в 9:12
  • @votanko у меня всё отрабатывает, в коде возможно мешает textarea , с ним у меня не находит картинку, потому-что он становиться текстом
    – GetYouFun
    26 июн 2016 в 9:20
  • var test = $('img').attr('src').replace('www.example.ru/', '/'); $('img').attr('src', test); Сделал так, отработало, однако все картинки стали одинаковыми. Можно ли как нибудь доработать этот код?
    – votanko
    26 июн 2016 в 10:08
1

вы писали

через id используя jquery я могу сделать, но как поменять сразу у всех сооброжалки не хватает.

можно добавить класс "classname123" у каждого такого элемента и тогда

var a=document.getElementsByTagName("img");
for(i=0;i<a.length;i++)
    {
    if (a[i].className=="classname123")
        {
            a[i].src=...            
        }
    }
1

У всех тегов <img> в документе поменять в атрибуте src подстроку можно примерно так:

Array
  .prototype
  .forEach  // спасибо @Grundy
  .call(
    document.getElementsByTagName('img'),
    function(e) {
      e.src = e.src.replace(/(https?:\/\/)?www.example.ru\/?/ig, '');
    }
  )
;
<div id="description">
  <div style="text-align: center;">
    <img alt="Стенд и картинки для уголка безопасности" border="0" src="www.example.ru/images/goods/umey_deystvovat.jpg" title="Стенд и картинки для уголка безопасности" />
    <img alt="Пожарная безопасность в школе" border="0" src="www.example.ru/images/goods/pb_foto_2.jpg" title="Пожарная безопасность в школе" />
  </div>

  <img src="cat.jpg">

В вашем вопросе код для замены находится внутри тега textarea, что делает весь этот html просто-текстом. Тогда менять нужно регуляркой, включающей в себя src=, и, опционально, проверкой, что строка "src" находится внутри «тега» <img>. Без лишних проверок:

var el = document.getElementById("content");
el.innerHTML = el
  .innerHTML
  .replace(/(src=")www.example.ru/ig, "$1")
;
<textarea id="content" cols="60" rows="10">
    <div id="description"><div style="text-align: center;">

        <img alt="Стенд и картинки для уголка безопасности" border="0"
            src="www.example.ru/images/goods/umey_deystvovat.jpg"
            title="Стенд и картинки для уголка безопасности">

        <img alt="Пожарная безопасность в школе" border="0"
            src="www.example.ru/images/goods/pb_foto_2.jpg"
            title="Пожарная безопасность в школе">
    </div>

    <img src="cat.jpg">
</textarea>

5
  • Чёт у меня не работает. Скорее всего потому что в textarea элементы нельзя найти. Всё что внутри является текстом
    – Doofy
    26 июн 2016 в 10:50
  • тут лучше forEach так как нужно изменить элементы, а не получить новую коллекцию
    – Grundy
    26 июн 2016 в 12:21
  • @Grundy не лучше, т.к. ES5 и может не поддерживаться некоторыми браузерами, в отличие от .map(). Элементы прекрасно меняются.
    – Sergiks
    26 июн 2016 в 15:39
  • @Sergiks, map и forEach функции из одного набора, если работает одна - работает и другая, главное отличие в том, что forEach новый массив не создает. в отличие от map
    – Grundy
    26 июн 2016 в 16:25
  • Точно, .map(), тоже из ES5 : ( Думал, он древний. My bad.
    – Sergiks
    26 июн 2016 в 16:28
0

Например так на jQuery:

function parseUrl( url ) {
    var a = document.createElement('a');
    a.href = url;
    return a;
}

$("img[src]").each(function () {
    var link = parseUrl($(this).attr("src"));
  var output = link.pathname + link.search + link.hash;
  $(this).attr("src", output);
})

JSFiddle

0

Просто

textarea = document.querySelector('textarea');
textarea.innerHTML = textarea.innerHTML.replace(/(http|www).*ru\//ig, '');
<textarea id="content" cols="60" rows="10">
    <div id="description"><div style="text-align: center;">

        <img alt="Стенд и картинки для уголка безопасности" border="0"
            src="https://www.example.ru/images/goods/umey_deystvovat.jpg"
            title="Стенд и картинки для уголка безопасности">

        <img alt="Пожарная безопасность в школе" border="0"
            src="www.example.ru/images/goods/pb_foto_2.jpg"
            title="Пожарная безопасность в школе">
    </div>

    <img src="cat.jpg">
</textarea>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.