tag:forum.selfhtml.org,2005:/selfLink ohne id mit javascript ändern – SELFHTML-Forum2010-02-02T09:33:46Zhttps://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425323#m1425323JonnyX2010-01-31T19:56:07Z2010-01-31T19:56:07ZLink ohne id mit javascript ändern<p>Hallo erstmal</p>
<p>Ich möchte gerne mit einem javascript einen Link ändern. Dieser Link steht in einem li Element, das allerdings keine id hat, jedoch immer das 5. li Element in einem Div-Tag mit id ist. Wie kann ich den Link ändern, also ein li ohne id ansprechen?<br>
Schonmal Danke für eure Antworten...</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425328#m1425328ChrisB2010-01-31T20:06:51Z2010-01-31T20:06:51ZLink ohne id mit javascript ändern<p>Hi,</p>
<blockquote>
<p>Ich möchte gerne mit einem javascript einen Link ändern. Dieser Link steht in einem li Element, das allerdings keine id hat, jedoch immer das 5. li Element in einem Div-Tag mit id ist. Wie kann ich den Link ändern, also ein li ohne id ansprechen?</p>
</blockquote>
<p>getElementsByTagName - als Methode auf dem DIV aufgerufen.</p>
<p>MfG ChrisB</p>
<div class="signature">-- <br>
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425324#m1425324JonnyX2010-02-01T15:26:17Z2010-02-01T15:26:17ZLink ohne id mit javascript ändern<p>Hm jetzt habe ich doch noch ein Problem.</p>
<p>Wenn ich einen neuen link einfügen will (an 4. Stelle),dann kommt in der Fehlerkonsole die Meldung "node was not found". Wo liegt da der Fehler?<br>
Wenn ich statt insertBefore appendChild nehme , dann wird der Link zwar eingefügt, aber er steht dann ganz am Ende.<br>
Hier mein Code:<br>
document.getElementById("links").insertBefore(neuB, document.getElementById("links").getElementsByTagName("a")[4]);</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425325#m1425325Struppistruebig@gmx.nethttp://javascript.jstruebig.de2010-02-01T18:50:35Z2010-02-01T18:50:35ZLink ohne id mit javascript ändern<blockquote>
<p>Wenn ich einen neuen link einfügen will (an 4. Stelle),dann kommt in der Fehlerkonsole die Meldung "node was not found". Wo liegt da der Fehler?</p>
</blockquote>
<p>..</p>
<blockquote>
<p>document.getElementById("links").getElementsByTagName("a")[4]);</p>
</blockquote>
<p>JS zählt immer ab 0, d.h. die 4. Stelle ist [3]</p>
<p>Struppi.</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425326#m1425326JonnyX2010-02-01T20:53:07Z2010-02-01T20:53:07ZLink ohne id mit javascript ändern<blockquote>
<p>JS zählt immer ab 0, d.h. die 4. Stelle ist [3]</p>
<p>Struppi.</p>
</blockquote>
<p>Auch das ändert nichts.<br>
Die Fehlermeldung belibt die gleiche. Woran könnte das liegen?</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425327#m1425327Struppistruebig@gmx.nethttp://javascript.jstruebig.de2010-02-02T09:33:46Z2010-02-02T09:33:46ZLink ohne id mit javascript ändern<blockquote>
<p>Auch das ändert nichts.<br>
Die Fehlermeldung belibt die gleiche. Woran könnte das liegen?</p>
</blockquote>
<p>Kann ich dir natürlich nicht sagen, ausser daran dass das Element nicht existiert.</p>
<p>Struppi.</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425329#m1425329JonnyX2010-01-31T20:20:33Z2010-01-31T20:20:33ZLink ohne id mit javascript ändern<blockquote>
<p>Hi,</p>
<blockquote>
<p>Ich möchte gerne mit einem javascript einen Link ändern. Dieser Link steht in einem li Element, das allerdings keine id hat, jedoch immer das 5. li Element in einem Div-Tag mit id ist. Wie kann ich den Link ändern, also ein li ohne id ansprechen?</p>
</blockquote>
<p>getElementsByTagName - als Methode auf dem DIV aufgerufen.</p>
<p>MfG ChrisB</p>
</blockquote>
<p>Das sieht bei mir jetzt so aus:<br>
(<br>
document.getElementById("links) {<br>
document.getElementsByTagName("li")[6].href = "link";</p>
<p>}<br>
);</p>
<p>Allerdings funktioniert es nicht. Was mache ich falsch?</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425332#m1425332ChrisB2010-01-31T20:30:02Z2010-01-31T20:30:02ZLink ohne id mit javascript ändern<p>Hi,</p>
<blockquote>
<p>Das sieht bei mir jetzt so aus:<br>
(<br>
document.getElementById("links) {<br>
document.getElementsByTagName("li")[6].href = "link";</p>
<p>}<br>
);</p>
<p>Allerdings funktioniert es nicht. Was mache ich falsch?</p>
</blockquote>
<p>So gut wie alles.</p>
<p>Was soll ein alleinstehendes Statement</p>
<blockquote>
<p><code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span>"links<span class="token punctuation">)</span></code></p>
</blockquote>
<p>bewirken?<br>
Wenn du mit dem ermittelten Element überhaupt nichts machst - wozu ermittelst du es dann?</p>
<blockquote>
<p><code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">"li"</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">6</span><span class="token punctuation">]</span><span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token string">"link"</span><span class="token punctuation">;</span></code></p>
</blockquote>
<p>Haben LI-Elemente in HTML ein href-Attribut?</p>
<p>(Du kannst ihnen zwar eine JavaScript-Eigenschaft dieses Namens verpassen, aber das bewirkt natürlich nichts hilfreiches.)</p>
<p>MfG ChrisB</p>
<div class="signature">-- <br>
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425330#m1425330Patrick Andrieuhttp://www.atomic-eggs.com/cwi/cwi_4.shtml2010-01-31T20:35:58Z2010-01-31T20:35:58ZLink ohne id mit javascript ändern<p>Hallo JonnyX!</p>
<blockquote>
<p>Das sieht bei mir jetzt so aus:<br>
(<br>
document.getElementById("links) {<br>
document.getElementsByTagName("li")[6].href = "link";</p>
<p>}<br>
);</p>
<p>Allerdings funktioniert es nicht. Was mache ich falsch?</p>
</blockquote>
<p>Nahezu alles ;)</p>
<p>Wenn Du document.getElementsByTagName('li') schreibst, erhälst du die Collection aller LI-Element im Dokument. Willst Du nur diejenigen, die im DIV#links enthalten sind, musst das auch angeben. Zum Beispiel so:</p>
<p><code class="language-javascript"><span class="token keyword">var</span> theDiv <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span><span class="token string">"links"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code></p>
<p>Dann gibt Dir:</p>
<p><code class="language-javascript">theDiv<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">'li'</span><span class="token punctuation">)</span></code></p>
<p>die Collection der LI-Elemente (ein Array), die in diesem DIV#links enthalten sind.</p>
<p>Aber Listenpunkte haben keinen Attribut href - aber A-Elemente. Vielleicht hilft hier firstChild:</p>
<p><code class="language-javascript">theDiv<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">'li'</span><span class="token punctuation">)</span><span class="token punctuation">.</span>firstChild<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token string">'foo.html'</span><span class="token punctuation">;</span></code></p>
<p>, vorausgesetzt, dein erstes Listenpunktkind ist kein Zeilenumbruch noch ein Leerzeichen sondern direkt <a ...></p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
<div class="signature">-- <br>
_ - jenseits vom delirium - _<br>
<img src="http://www.atomic-eggs.com/fuernA.jpg" alt="" loading="lazy"><br>
<a href="http://www.atomic-eggs.com/pics/diblom.png" rel="nofollow noopener noreferrer">Diblom</a> [<a href="http://www.atomic-eggs.com/" rel="nofollow noopener noreferrer">link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash</a>]<br>
Achtung <a href="http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5" rel="nofollow noopener noreferrer">Agentur</a>! | Nichts ist unmöglich? <a href="http://www.atomic-eggs.com/cwi/cwi_4.shtml" rel="nofollow noopener noreferrer">Doch!</a> | <a href="http://www.atomic-eggs.com/cgi-bin/date_today.pl" rel="nofollow noopener noreferrer">Heute</a> schon ge<a href="http://goek.atomic-eggs.com/goek_goek.html" rel="nofollow noopener noreferrer">gök</a>t?
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425331#m1425331Patrick Andrieuhttp://www.atomic-eggs.com/cwi/cwi_4.shtml2010-01-31T20:40:58Z2010-01-31T20:40:58ZLink ohne id mit javascript ändern<p>Bitte lesen:</p>
<blockquote>
<p><code class="language-javascript">theDiv<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">'li'</span><span class="token punctuation">)</span><span class="token punctuation">[</span>index<span class="token punctuation">]</span><span class="token punctuation">.</span>firstChild<span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token string">'foo.html'</span><span class="token punctuation">;</span></code></p>
</blockquote>
<p>Grmbl, dabei benutze ich doch die Vorschau!</p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
<div class="signature">-- <br>
_ - jenseits vom delirium - _<br>
<img src="http://www.atomic-eggs.com/fuernA.jpg" alt="" loading="lazy"><br>
<a href="http://www.atomic-eggs.com/pics/diblom.png" rel="nofollow noopener noreferrer">Diblom</a> [<a href="http://www.atomic-eggs.com/" rel="nofollow noopener noreferrer">link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash</a>]<br>
Achtung <a href="http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5" rel="nofollow noopener noreferrer">Agentur</a>! | Nichts ist unmöglich? <a href="http://www.atomic-eggs.com/cwi/cwi_4.shtml" rel="nofollow noopener noreferrer">Doch!</a> | <a href="http://www.atomic-eggs.com/cgi-bin/date_today.pl" rel="nofollow noopener noreferrer">Heute</a> schon ge<a href="http://goek.atomic-eggs.com/goek_goek.html" rel="nofollow noopener noreferrer">gök</a>t?
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425334#m1425334JonnyX2010-01-31T20:34:57Z2010-01-31T20:34:57ZLink ohne id mit javascript ändern<blockquote>
<p>Hi,</p>
<blockquote>
<p>Das sieht bei mir jetzt so aus:<br>
(<br>
document.getElementById("links) {<br>
document.getElementsByTagName("li")[6].href = "link";</p>
<p>}<br>
);</p>
<p>Allerdings funktioniert es nicht. Was mache ich falsch?</p>
</blockquote>
<p>So gut wie alles.</p>
<p>Was soll ein alleinstehendes Statement</p>
<blockquote>
<p><code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span>"links<span class="token punctuation">)</span></code><br>
bewirken?<br>
Wenn du mit dem ermittelten Element überhaupt nichts machst - wozu ermittelst du es dann?</p>
</blockquote>
<blockquote>
<p><code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">"li"</span><span class="token punctuation">)</span><span class="token punctuation">[</span><span class="token number">6</span><span class="token punctuation">]</span><span class="token punctuation">.</span>href <span class="token operator">=</span> <span class="token string">"link"</span><span class="token punctuation">;</span></code><br>
Haben LI-Elemente in HTML ein href-Attribut?</p>
</blockquote>
<p>(Du kannst ihnen zwar eine JavaScript-Eigenschaft dieses Namens verpassen, aber das bewirkt natürlich nichts hilfreiches.)</p>
<p>MfG ChrisB</p>
</blockquote>
<p>Also die Seite, die ich ändern will sieht so aus:<br>
<div id="links"><br>
<ul><br>
<li id="link_index"><a href="link1">Link1</a></li><br>
<li><br>
<a href="link2">Link2</p>
<pre><code> </a>
</li>
<li id="link\_report">
<a href="link3">Link3
</a>
</li>
<li><a href="link4">link4</a></li>
<li>
<a href="link5(den will ich ändern">link5
</a>
</ul>
</div>
</code></pre>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425333#m1425333MudGuardhttp://www.andreas-waechter.de/2010-02-01T07:38:02Z2010-02-01T07:38:02ZLink ohne id mit javascript ändern<p>Hi,</p>
<blockquote>
<blockquote>
<p>document.getElementById("links) {<br>
Was soll ein alleinstehendes Statement<br>
<code class="language-javascript">document<span class="token punctuation">.</span><span class="token function">getElementById</span><span class="token punctuation">(</span>"links<span class="token punctuation">)</span></code><br>
bewirken?</p>
</blockquote>
</blockquote>
<p>Einen Syntax-Fehler, da der String nicht mehr geschlossen wird ...</p>
<p>cu,<br>
Andreas</p>
<div class="signature">-- <br>
<a href="http://MudGuard.de/" rel="nofollow noopener noreferrer">Warum nennt sich Andreas hier MudGuard?</a><br>
<a href="http://ostereier.andreas-waechter.de/" rel="nofollow noopener noreferrer">O o ostern ...</a><br>
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.<br>
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425335#m1425335Klawischnigg2010-01-31T21:37:29Z2010-01-31T21:37:29ZLink ohne id mit javascript ändern<p>Hi there,</p>
<blockquote>
<p><a href="link5(d will ich änder dern">link5 [...]</p>
</blockquote>
<p>also, wenn ich richtig mitgezählt habe, ist das der 5.Link;) Jetzt solltest Du aber schon d'raufkommen... (wobei die Betonung auf LINK liegt, der gemeinhin mit A eingeleitet wird)</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425336#m1425336JonnyX2010-02-01T09:17:42Z2010-02-01T09:17:42ZLink ohne id mit javascript ändern<p>Hm bei mir sieht das jetzt so aus, aber es funktioniert immernoch nicht...</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425337#m1425337JonnyX2010-02-01T09:18:28Z2010-02-01T09:18:28ZLink ohne id mit javascript ändern<p>document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425338#m1425338Patrick Andrieuhttp://www.atomic-eggs.com/cwi/cwi_4.shtml2010-02-01T09:23:46Z2010-02-01T09:23:46ZLink ohne id mit javascript ändern<p>Hallo JonnyX!</p>
<blockquote>
<p>document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";</p>
</blockquote>
<p>Liest Du auch alle <a href="https://forum.selfhtml.org/?t=194882&m=1303763" rel="noopener noreferrer">Antwort(en)</a> die Du bekommst? Wohl nicht, oder?</p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
<div class="signature">-- <br>
_ - jenseits vom delirium - _<br>
<img src="http://www.atomic-eggs.com/fuernA.jpg" alt="" loading="lazy"><br>
<a href="http://www.atomic-eggs.com/pics/diblom.png" rel="nofollow noopener noreferrer">Diblom</a> [<a href="http://www.atomic-eggs.com/" rel="nofollow noopener noreferrer">link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash</a>]<br>
Achtung <a href="http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5" rel="nofollow noopener noreferrer">Agentur</a>! | Nichts ist unmöglich? <a href="http://www.atomic-eggs.com/cwi/cwi_4.shtml" rel="nofollow noopener noreferrer">Doch!</a> | <a href="http://www.atomic-eggs.com/cgi-bin/date_today.pl" rel="nofollow noopener noreferrer">Heute</a> schon ge<a href="http://goek.atomic-eggs.com/goek_goek.html" rel="nofollow noopener noreferrer">gök</a>t?
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425339#m1425339JonnyX2010-02-01T09:32:00Z2010-02-01T09:32:00ZLink ohne id mit javascript ändern<blockquote>
<p>Liest Du auch alle <a href="https://forum.selfhtml.org/?t=194882&m=1303763" rel="noopener noreferrer">Antwort(en)</a> die Du bekommst? Wohl nicht, oder?</p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
</blockquote>
<p>Doch, allerdings funktioniert das auch nicht. Da müsste doch prinzipiell genau das gleiche bewirkt werden, wie bei dem:</p>
<blockquote>
<p>document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";</p>
</blockquote>
<p>Aber werder das eine, noch das andere funktionieren.</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425340#m1425340Patrick Andrieuhttp://www.atomic-eggs.com/cwi/cwi_4.shtml2010-02-01T09:34:29Z2010-02-01T09:34:29ZLink ohne id mit javascript ändern<p>Hallo JonnyX!</p>
<blockquote>
<p>Doch, allerdings funktioniert das auch nicht. Da müsste doch prinzipiell genau das gleiche bewirkt werden, wie bei dem:</p>
<blockquote>
<p>document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";</p>
</blockquote>
</blockquote>
<p>^^^^^^^^</p>
<p>Müsste prinzipiell, wenn Du nicht nochmal das ganze »document« nach a-Elementen durchsuchen würdest...</p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
<div class="signature">-- <br>
_ - jenseits vom delirium - _<br>
<img src="http://www.atomic-eggs.com/fuernA.jpg" alt="" loading="lazy"><br>
<a href="http://www.atomic-eggs.com/pics/diblom.png" rel="nofollow noopener noreferrer">Diblom</a> [<a href="http://www.atomic-eggs.com/" rel="nofollow noopener noreferrer">link:hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash</a>]<br>
Achtung <a href="http://www.atomic-eggs.com/cwi/cwi_5.shtml#a5" rel="nofollow noopener noreferrer">Agentur</a>! | Nichts ist unmöglich? <a href="http://www.atomic-eggs.com/cwi/cwi_4.shtml" rel="nofollow noopener noreferrer">Doch!</a> | <a href="http://www.atomic-eggs.com/cgi-bin/date_today.pl" rel="nofollow noopener noreferrer">Heute</a> schon ge<a href="http://goek.atomic-eggs.com/goek_goek.html" rel="nofollow noopener noreferrer">gök</a>t?
</div>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425341#m1425341JonnyX2010-02-01T09:38:16Z2010-02-01T09:38:16ZLink ohne id mit javascript ändern<blockquote>
<p>Hallo JonnyX!</p>
<blockquote>
<p>Doch, allerdings funktioniert das auch nicht. Da müsste doch prinzipiell genau das gleiche bewirkt werden, wie bei dem:</p>
<blockquote>
<p>document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";<br>
^^^^^^^^</p>
</blockquote>
</blockquote>
<p>Müsste prinzipiell, wenn Du nicht nochmal das ganze »document« nach a-Elementen durchsuchen würdest...</p>
<p>Viele Grüße aus Frankfurt/Main,<br>
Patrick</p>
</blockquote>
<p>var theDiv = document.getElementById("links");<br>
theDiv.getElementsByTagName('li')[5].firstChild.href = 'foo.html';</p>
<p>funktioniert aber auch nicht und wenn ich bei »» document.getElementById("links").document.getElementsByTagName("a")[5].href = "link";<br>
das 2. document weglasse ändert sich auch nichts...</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425342#m1425342JonnyX2010-02-01T09:41:34Z2010-02-01T09:41:34ZLink ohne id mit javascript ändern<p>Okay es funktioniert doch.<br>
Vielen Dank für eure geduldige Hilfe!</p>
https://forum.selfhtml.org/self/2010/jan/31/link-ohne-id-mit-javascript-aendern/1425343#m1425343Struppistruebig@gmx.nethttp://javascript.jstruebig.de2010-02-01T09:50:35Z2010-02-01T09:50:35ZLink ohne id mit javascript ändern<blockquote>
<p>Okay es funktioniert doch.</p>
</blockquote>
<p>und "funktioniert nicht", ist keine Fehlerbeschreibung. Ich weoiß ncith, warum dich noch niemand auf die Fehlerkonsole aufmerksam gemacht hat. Man hätte sich einige Posting ersparen könne, denn du hättest einige Fehler selber gefunden.</p>
<p>Struppi.</p>