Div and ID .. How to alert content of Div ?!

JavaScript
1

hi …

let`s say i have this :


<div ID=foo>
balalahahal
kalala
</div>

how can i alert this div conetent ??
this didn`t work :


<script>
alert(document.foo.value);
</script>

how then ?!

2

found it … getelemetbyid(“foo”) :slight_smile:

3

how about this?

alert(document.getElementsById(‘foo’).innerHTML);

4

alert(document.getElementsById(‘foo’).innerHTML);
alert(document.getElementsById(‘foo’).innerTEXT);
alert(document.getElementsById(‘foo’).outerHTML);
alert(document.getElementsById(‘foo’).outerTEXT);

this might help

5

it`s work fine with alert(document.getElementsById(‘foo’).innerHTML);

but what the diffrence between those :
alert(document.getElementsById(‘foo’).innerHTML);
alert(document.getElementsById(‘foo’).innerTEXT);
alert(document.getElementsById(‘foo’).outerHTML);
alert(document.getElementsById(‘foo’).outerTEXT);

:confused:

6

Alert them all and see :wink:

<div id=“foo”>
<p>This is foo</p>

</div>

this is bar

<a href=“javascript:void(0)” onclick=“alert(document.getElementById(‘foo’).innerHTML)”>innerHTML</a>
<a href=“javascript:void(0)” onclick=“alert(document.getElementById(‘foo’).innerText)”>innerTEXT</a>
<a href=“javascript:void(0)” onclick=“alert(document.getElementById(‘foo’).outerHTML)”>outerHTML</a>
<a href=“javascript:void(0)” onclick=“alert(document.getElementById(‘foo’).outerText)”>outerTEXT</a>

BTW it is getElementById() not getElementsById() :slight_smile:

:slight_smile:

7

I really must get used to not copying and pasting other peoples code here.

I guess it was better than getelemetbyid(“foo”) lol.
Although I do get confused with

getElementsByTagName(‘’)