實例1.
???????????????<a?href="#"?onclick="alert(this.innerHTML)">this?is?innerHTML</a><br>?
???????????????<a?href="#"?onclick="alert(this.outerHTML)">this?is?outerHTML</a><br>
?
實例2.
???????????????<a?href="#"?onclick="this.innerHTML='<p?onclick=alert(this.outerHTML)>this?is?outerHTML</p>'?">this?is?innerHTML</a>

實例3.
???????????????<button?onclick=alert(obj1.innerHTML)>obj1.innerHTML</button>
???????????????<button?onclick=alert(obj2.outerHTML)>obj2.outerHTML</button>
???????????????<div?id=obj1><font?color=blue>cnbruce</font></div>
???????????????<div?id=obj2><font?color=red>cnrose</font></div>

實例4.
???????????????<SELECT?NAME="cn_who">
???????????????<option?value="male">cnbruce</option>
???????????????<option?value="female">cnrose</option>
???????????????</SELECT>
???????????????<INPUT?TYPE="button"?VALUE="The?Node"?onClick="alert(cn_who.children[0].nodeName)">
???????????????<INPUT?TYPE="button"?VALUE="The?Name"?onClick="alert(cn_who.children[0].innerText)">
???????????????<INPUT?TYPE="button"?VALUE="The?Sex"?onClick="alert(cn_who.children[0].value)">
???????????????<INPUT?TYPE="button"?VALUE="The?Node"?onClick="alert(cn_who.children[1].nodeName)">
???????????????<INPUT?TYPE="button"?VALUE="The?Name"?onClick="alert(cn_who.children[1].innerText)">
???????????????<INPUT?TYPE="button"?VALUE="The?Sex"?onClick="alert(cn_who.children[1].value)">

實例5.
????????????????<a?href="#"?onclick="this.insertAdjacentText('afterEnd','?cnbruce?')">insertAdjacentText</a>