Where does the " " " " " " " " come from in DOM(no such thing in html)?

Question

You can locate the place by searching test11" " " " " " " " in the page,

but if you view the source code, you'll see the related html is like this:

test11<table style="display: table;" class="listview rowstyle-rowhighlight"" id="resourcegrid">

Where does the " " " " " " " " come from?

The problem can be seen here

Answer 1

In the CSS likely where the content: can put whatever content you want to put, also before and after, e.g.

cite:before { content: "\201C"; }
cite:after  { content: "\201D"; }

adds quoting before and after a cite tag

Answer 2

If you look at the source code, it basically has the following structure:

<table>
   <tr> ... stuff ... </tr>
   "
   <tr> ... stuff ... </tr>
   "
   <tr> ... stuff ... </tr>
   etc
</table>

The browser does not know what to do with the quote characters between the <tr> (since it's not valid to have any content outside of the <tr>s) so it displays them before the table.

Answer 3

For one, class="listview rowstyle-rohighlight"" has an extra ".

The <img> tags on Lines 369, 379, 389, 399, 409, 419, 429, 439 all have extra "s in their width and height attributes.

Lines 379, 389, 399, 409, 419, 429, 439 (Col 13 on all) have a rogue " after </tr>(")

Line 449, Col 13 has a rogue " between </tr>(")

So lines 379, 389, 399, 409, 419, 429, 439 and 449 are the 8 " that's appearing "test11"