Hallo,
ich sitze seit einer Weile mit Fragezeichen vor dem Bildschirm. Vielleicht kann mir jemand weiterhelfen.
Ich möchte die <link> Elemente im Header beim Laden der Seite modifizieren. Während ich mit getElementsByTagName auf <meta> problemlos zugreifen kann, passiert bei document.getElementsByTagName("link") nicht viel.
Hat sonst immer funktioniert, von daher bin ich gerade planlos...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<script type="text/javascript">
function ()
{
if (orientation == 90 || orientation == -90)
{
var morph = document.getElementsByTagName('link');
alert (morph);
alert (morph.length);
for (var x=0; x < morph.length; x++)
{
// irgendwas
}
}
}
</script>
<script type="text/javascript" src="../LOC/scripts/all.js"></script>
<link rel="apple-touch-icon" href="logos/Default.png" />
<link rel="stylesheet" type="text/css" title="mobile" href="../LOC/style/mobile.css" />
<link rel="SHORTCUT ICON" href="images/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>TITEL</title>
</head>
<body>
<div id="header"><h1>Überschrift</h1></div>
<div id="container"></div>
</body>
</html>
Der 1. Alert bringt noch eine [object NodeList] Meldung, der 2. Alert sagt aber die Länge = 0, abwohl ja 3 <link> Elemente im Headers sind. Folglich kommt bei der Schleife nicht viel raus.
Danke für konstruktiven Input,
Grüße,
Frequent