html element memory storage capacity value

Question

I wonder how can I get the memory capacity that a html element takes?

lets say that i have the next script...

<body>
    <div id="id" class="class">some words</div>
    <textarea col="60" row="10"></textarea>
</body>

I want to find out in bytes or kb how much storage takes the textarea with users content and without?!?

In addition i want to find out how many kb or bytes the element itself takes?

Lets say that the div takes 0.0024kb as an element and + id + class + value takes 0.0154kb

Is there a way for me to find that out?

Thank you :)

Tschallacka · Accepted Answer

In google chrome press f12, go to the profile tab.

Select the Take Heap Snapshot

Press take snapshot button

Then select in the many many choices HTML Document DOM tree

Then its up to you to select what item you wish to examine.

Donate For Us