<HTML>
<HEAD>
<TITLE>outerHTML and outerText Properties</TITLE>
<STYLE TYPE="text/css">
H1 {font-size:18pt; font-weight:bold; font-family:"Comic Sans MS", Arial, sans-serif}
.heading {font-size:20pt; font-weight:bold; font-family:"Arial Black", Arial, 
sans-serif}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">

function setGroupLabelAsText(form) {
    var content = form.textInput.value
    if (content) {
        document.all.label1.outerText = content
    }
}
function setGroupLabelAsHTML(form) {
    var content = form.HTMLInput.value
    if (content) {
        document.all.label1.outerHTML = content
    }
}
</SCRIPT>
</HEAD>

<BODY>
<FORM>
<P>
    <INPUT TYPE="text" NAME="HTMLInput" 
    VALUE="<SPAN ID='label1' CLASS='heading'>Pierwsza Poprawka</SPAN>" SIZE=55>
    <INPUT TYPE="button" VALUE="Change Heading HTML" 
    onClick="setGroupLabelAsHTML(this.form)">
</P>
<P>
    <INPUT TYPE="text" NAME="textInput" 
    VALUE="<SPAN ID='label1' CLASS='heading'>Pierwsza Poprawka</SPAN>" SIZE=55>
    <INPUT TYPE="button" VALUE="Zmie tekst nagwka" 
    onClick="setGroupLabelAsText(this.form)">
</P>
</FORM>
<H1 ID="label1">Pierwsza Poprawka</H1>
<P>
Kongres nie moe stanowi ustaw wprowadzajcych religi albo zabraniajcych swobodnego 
wykonywania praktyk religijnych; ani ustaw ograniczajcych wolno sowa lub prasy, 
albo naruszajcych prawo do spokojnego odbywania zebra i wnoszenia do rzdu petycji 
o napraw krzywd.
</P>
</BODY>
</HTML>