Det er meningen at "newHTML…… <body class="hot"> ændrer baggrunden. Kan man det? åbenbart ikke sådan.
Kode: Vælg alt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<meta http-equiv=refresh content=5 />
<title>Ny side1</title>
<style>\n
.cold {background: linear-gradient(to bottom, #7abcff, #0665e0 );}
.hot {background: linear-gradient(to bottom, #fcdb88,#d32106);}
</style>
<script>
function changeText3(){
var oldHTML = document.getElementById('para').innerHTML;
// var newHTML = "<body class="hot">" + oldHTML + "</span>";
var newHTML = "<span style='color:#000fff'>" + oldHTML + "</span>";
document.getElementById('para').innerHTML = newHTML;
}
</script>
</head>
<body>
<!--<body class="hot"> Hvis det står der virker det -->
<p id='para'>Farven kan ændres men hvordan skifter man body class? </p>
<input type='button' onclick='changeText3()' value='Change Text'/>
</body>
</html>