JavaScript中点击按钮,改变其他标签中的内容

来源:互联网 发布:无线传输数据 编辑:程序博客网 时间:2024/05/22 01:56

主要实现代码如下:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />//这句话是解决中文乱码的问题
<title>主页面</title>
<script>
    window.onload=function(){
         var btn= document.getElementById('id1');
         btn.onclick = function(){
            document.getElementById('div1').style.color='gray';//hidden='true'这是元素的属性,不是元素的style
         };
    };
</script>

</head>

<body>
<input type="button" value="按钮" id="id1" />
<div id="div1">这是div中的内容</div>
</body>
</html>


该代码主要实现了,点击button按钮,改变div中元素的样式(style),同样也能改变元素的一些属性,例如hidden、不可编辑、disable等

阅读全文
1 0
原创粉丝点击