<!DOCTYPE html>
<html>
<body>
<p > <h1> 这是javaScript 写入HTML 输出流 </h1> </p>
<p>document.write("一寸光阴一寸金 "); </p>
<p id="demo">这是一个珍惜时间的次太远 </p>
<p id="k">英叔给力</p>
<script>
document.write("寸金难买寸光阴");
function myDemo()
{
x=document.getElementById("demo");
x.style.color="#ff0000";
}
function myDate()
{
x=document.getElementById("k");
x.innerHTML="好哈啊";
}
</script>
<button type="button" οnclick="myDemo()" > 点击字体变颜色</button>
<button type="button" οnclick="alert('晨曦早到这样')">方法的测试 </button>
<button type="button" οnclick="myDate()" >点击改变字体内容</button>
</body>
<html>
<body>
<p > <h1> 这是javaScript 写入HTML 输出流 </h1> </p>
<p>document.write("一寸光阴一寸金 "); </p>
<p id="demo">这是一个珍惜时间的次太远 </p>
<p id="k">英叔给力</p>
<script>
document.write("寸金难买寸光阴");
function myDemo()
{
x=document.getElementById("demo");
x.style.color="#ff0000";
}
function myDate()
{
x=document.getElementById("k");
x.innerHTML="好哈啊";
}
</script>
<button type="button" οnclick="myDemo()" > 点击字体变颜色</button>
<button type="button" οnclick="alert('晨曦早到这样')">方法的测试 </button>
<button type="button" οnclick="myDate()" >点击改变字体内容</button>
</body>
</html>
效果图: