Entfernen von <a>

[Reinhard]

Hi,

wie erreiche ich, wenn ich eine bestimmte Bildschirmgröße habe, dass dann das <a> um das Bild entfernt wird.

Hast du Grundwissen in Javascript?

Dein HTML:

<a href="#" title="#" class="aSelektor">
  <img src="#" title="#" alt="#">
</a>

Das Javascript:

document.addEventListener('DOMContentLoaded', function() {
    if (window.innerWidth < 1000)
      {
      var a = document.querySelectorAll('a.aSelektor');
      for (var i = 0, l = a.length; i < l; i++)
        a[i].parentNode.replaceChild(a[i].children[0], a[i]);
      }
});

Ich habe einfach mal in der Selektion window.innerWidth < 1000 gewählt. Heißt also, dass bei einer Weite von weniger als 1000px das a entfernt wird. Wenn du eine andere Weite oder gar Höhe im Kopf hast kannst du das ja einfach anpassen.

Reinhard