<!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
<input type="button" value="改变颜色" onclick="changecolor()">
<input type="button" value="改变宽高" onclick="changesize()">
<input type="button" value="隐藏内容" onclick="sethide()">
<input type="button" value="显示内容" onclick="setshow()">
<input type="button" value="取消设置" onclick="offset()">
</form>
<script type="text/javascript">
var i=document.getElementById("con");
var j=document.getElementById("txt");
var set={
function changecolor(){
j.style.color="red";
j.style.backgroundColor="#ccc";}
//定义"改变颜色"的函数
function changesize(){
j.style.width="200px";
j.style.height="300px";}
//定义"改变宽高"的函数
function sethide(){
j.style.display="none";}
//定义"隐藏内容"的函数
function setshow(){
j.style.display="block";}
//定义"显示内容"的函数
function offset(){
var message=confirm("是否取消设置?");
if(message==true){
j.removeAttribute("style");}
}
}
//定义"取消设置"的函数
你干嘛要把标题和内容分成两个变量??
我觉得你不应该把你的函数都放在var set{}里面
//定义"改变颜色"的函数
var div=document.getElementById("txt");
function changcolor(){
div.style.color="red";
div.style.backgroundColor="black";
}
//定义"改变宽高"的函数
function changwh(){
div.style.width="500px";
div.style.heitht="1000px";
}
//定义"隐藏内容"的函数
function hidetext(){
div.style.display="none";
}
//定义"显示内容"的函数
function showtext(){
div.style.display="block";
}
//定义"取消设置"的函数
function cancel(){
if(confirm("是否取消设置?")){
div.style="";
}}
很好,谢谢。前面四个标签有效,最后一个取消设置的标签没用
每个按钮点击后只单独执行该函数里面的内容,所以获取id的代码要写在每个函数里面