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

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

2017-10-23 16:37 316 查看

主要实现代码如下：

<!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等

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航