tag:forum.selfhtml.org,2005:/self Mal wird HTML, mal ein Objekt ausgegeben – SELFHTML-Forum 2021-07-15T16:04:44Z https://forum.selfhtml.org/self/2021/jul/15/mal-wird-html-mal-ein-objekt-ausgegeben/1790247#m1790247 ebody 2021-07-15T11:21:03Z 2021-07-15T11:21:03Z Mal wird HTML, mal ein Objekt ausgegeben <p>Hallo,</p> <p>ich selektiere einen <code><button></code> und gebe diesen aus:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>button</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>btn<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Button<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>button</span><span class="token punctuation">></span></span> </code></pre> <pre><code class="block language-javascript"><span class="token keyword">let</span> btn <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">'btn'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>btn<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">var</span> btn2 <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'button#btn'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'btn2: '</span><span class="token punctuation">,</span> btn2<span class="token punctuation">)</span><span class="token punctuation">;</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'#btn'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token parameter">event</span><span class="token punctuation">)</span><span class="token operator">=></span><span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token string">'btn: '</span><span class="token punctuation">,</span> document<span class="token punctuation">.</span><span class="token function">querySelector</span><span class="token punctuation">(</span><span class="token string">'button#btn'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> </code></pre> <p>Ändere ich etwas am Script wird ein Objekt ausgegeben, danach wird das HTML Element ausgegeben.</p> <p><a href="/images/a56e3922-e55e-11eb-b9ff-b42e9947ef30.jpg" rel="noopener noreferrer"><img src="/images/a56e3922-e55e-11eb-b9ff-b42e9947ef30.jpg?size=medium" alt="Objekt, dann HTML Element" title="Objekt, dann HTML Element" loading="lazy"></a></p> <p>Ich möchte immer das Objekt ausgeben, um darauf zugreifen zu können. Wie kann ich das machen?</p> <p>Gruß ebody</p> https://forum.selfhtml.org/self/2021/jul/15/mal-wird-html-mal-ein-objekt-ausgegeben/1790252#m1790252 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2021-07-15T15:32:43Z 2021-07-15T15:32:43Z Mal wird HTML, mal ein Objekt ausgegeben <p>@@ebody</p> <blockquote> <p>Ich möchte immer das Objekt ausgeben, um darauf zugreifen zu können.</p> </blockquote> <p>Nein, das möchtest du nicht. Die Kausalität besteht nicht.</p> <p>Und ich verstehe dein Problem nicht.</p> <p> LLAP</p> <div class="signature">-- <br> <em lang="en">“When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.”</em> —John Lennon </div> https://forum.selfhtml.org/self/2021/jul/15/mal-wird-html-mal-ein-objekt-ausgegeben/1790254#m1790254 Rolf B 2021-07-15T16:04:44Z 2021-07-15T16:05:14Z Mal wird HTML, mal ein Objekt ausgegeben <p>Hallo ebody,</p> <p>das scheint ein Anzeigeproblem in den Developer-Tools zu sein. Ich bekomme diese Darstellung auch (in Chrome und Edge), wenn ich in JSFiddle den RUN Button mehrfach schnell hintereinander drücke. Es scheint, als ob in dem Moment, wo der Debugger den Logeintrag ausgibt, das DOM nicht mehr gültig ist und er nur noch die ID hat.</p> <p>Es ist aber jedesmal das Objekt, was Du bekommst.</p> <p>Probiere: <code>console.log(btn.constructor.name);</code></p> <p>Sollte jedesmal HTMLButtonElement ausgeben.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div>