<div id="readability-page-1" class="page"><div data-astro-cid-57z6rh23=""><hr>
<pre tabindex="0" data-language="php"><code>&lt;div id="recommand_tags"&gt;
 &lt;ul&gt;
 &lt;?php foreach($recommand_tags as $t =&gt; $tag) : ?&gt;
 &lt;li&gt;&lt;?=$tag-&gt;name?&gt;&lt;/li&gt;
 &lt;?php endforeach; ?&gt;
 &lt;/ul&gt;
&lt;/div&gt;</code></pre>
A feature where clicking a “recommended tag” inserts it into an input field.
<a href="/images/articles/tt-20080424/1.png"><img src="https://oeoe.io/images/articles/tt-20080424/1.png" alt="attached" loading="lazy" decoding="async" width="425" height="94"></a>
Clicking a “recommended tag” below the input field inserts it into the UI,
but every click was adding an extra empty space.
In Internet Explorer 7, when reading <code>event.target.innerHTML</code> on the mouse click event, there was always a trailing space added.
<pre tabindex="0" data-language="php"><code>&lt;div id="recommand_tags"&gt;&lt;ul&gt;&lt;?php foreach($recommand_tags as $t =&gt; $tag) : ?&gt;&lt;li&gt;&lt;?=$tag-&gt;name?&gt;&lt;/li&gt;&lt;?php endforeach; ?&gt;&lt;/ul&gt;&lt;/div&gt;</code></pre>
Writing it as a single line like this removes the empty space.
Related doc: <a href="http://developer.mozilla.org/ko/docs/Migrate%5C_apps%5C_from%5C_Internet%5C_Explorer%5C_to%5C_Mozilla">http://developer.mozilla.org/ko/docs/Migrate\_apps\_from\_Internet\_Explorer\_to\_Mozilla</a></div></div>

oeoe.io · Articles

Jeong-Un, Kim

--- A feature where clicking a "recommended tag" inserts it into an input field. Clicking a "recommended tag" below the input field inserts it into the…

innerHTML Issue in Internet Explorer and Firefox

댓글