Attribute für alle Links setzen.

Sub7

Hi,

ich versuche für alle gefundenen Links Attribute ("onmouseover", "myFunction()") zu setzen.

Mit dem "Link 2" in diesem Beispiel funktioniert es, document.links liefert ja ein Array und muss bestimmt durch eine Schleife.

wie mache ich das?

HTML

<!DOCTYPE html>
<html>
<body>

<a href="/" title="Link #0">Link 0 </a><br>
<a href="/" title="Link #1">Link 1 </a><br>
<a href="/" title="Link #2">Link 2 </a><br>
<a href="/" title="Link #3">Link 3 </a><br>
<a href="/" title="Link #4">Link 4 </a><hr>


<script>

 var links = document.links;
 link2 = links[2];
 link2.setAttribute("onmouseover", "myFunction()");
 document.getElementsByTagName("a")[2].setAttribute("onmouseover", "myFunction()");

 function myFunction() {
     var t = document.createTextNode(" Hello World");
     document.body.appendChild(t);
    }

</script>

</body>
</html>

Alles anzeigen

basti1012

da gibt es auch mehrere möglichkeiten.

Normale Native art

Code

var links = document.getElementsByTagName('a');
menge=links.length;
  for(a=0;a<=menge-1;a++){
 links[a].setAttribute("onmouseover", "myFunction()");
 document.getElementsByTagName("a")[a].setAttribute("onmouseover", "myFunction()");
 function myFunction() {
     var t = document.createTextNode(" Hello World");
     document.body.appendChild(t);
    }
  }

dann kann man es noch mit querySelectorAllund eine forEach schleife nehmen.

Der kürzeste Weg wäre noch mit Jquery. Falls du das sowieso nuzt dann kann man auch das nehmen

Sub7

Danke es funktioniert.

basti1012

Mit Jquery gibt es auch noch so viele möglich keiten wie man das machen kann.

mit append() , appendTo, prepend() , add() usw,

Ich würde jetzt das nehmen

Code

$('a').attr("onmouseover","plus()");
plus=function() {
     $('a').last().append("<br>Hello World")
};

Da frage ich doch mal in Runde. Welchen Code würdet ihr nehmen für das problem dieses Themas ?

Nativ und Jquery ?

Sempervivum

Ich würde es nicht mit dem Setzen des Attributes machen sondern mit addEventListener:

Arne Drews

Dem stimme ich auch zu, mit einem EventListener ist das besser.

Jetzt mitmachen!