您的位置：首页 > Web前端 > JavaScript

JavaScript基础

2015-08-07 09:37 585 查看
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮改变文字内容</p>
<script>
document.write("<h1>JavaScript能够直接写入HTML输出流中</h1>");<!--输出这段文字-->
function myFunction(){<!--定义一种改变文字内容的方法-->
x=document.getElementById("demo");<!--找到元素-->
x.innerHTML="Hello JavaScript!";<!--改变内容-->
}
function myFunction1(){<!--定义一种改变文字样式的方法-->
x=document.getElementById("demo");
x.style.color="red";
}
</script>
<button type="button" onclick="alert('Welcome!')">点击这里弹出对话框</button><!--点击按钮弹出Welcome!对话框-->
<button type="button" onclick="myFunction()">点击这里改变文字内容</button><!--点击按钮调用该方法-->
<button type="button" onclick="myFunction1()">点击这里改变文字样式</button>
</body>
</html>

显示效果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航