全局变量？？-慕课网

首页课程实战体系课手记专栏慕课教程

全局变量？？

来源：3-5 显示和隐藏（display属性）

圈圈YC叉叉

2016-12-19 09:47

var mychar=document.getElementById("con");

function showtext() { mychar.style.display="block"; }

function hidetext() { mychar.style.display="none"; }

这样为什么会报mychar是null呢？mychar不是全局变量吗？这段代码是单独写在js文件里的，<script></script>是放在<head></head>中的。

写回答关注

5回答

停留的记忆

2016-12-19 15:40:13

你是把js写到了attempt.js了吗？如果是的话，看一下你的路径对吗

0 0

圈圈YC叉叉: 2016-12-19 10:21:44

注释掉的都可以，就是我提问的这种不行。我用360安全浏览器8.1和火狐都不行
/*function showtext() {
	document.getElementById("con").style.display="block";
}

function hidetext() {
	
	document.getElementById("con").style.display="none";
}*/
	var mychar = document.getElementById("con");
	function hidetext()  
		{  
        mychar.style.display="none";
		}  
    function showtext()  
		{  
        mychar.style.display="block";
		}
/*function hidetext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display="none";
		}  
function showtext()  
		{  
		var mychar = document.getElementById("con");
        mychar.style.display="block";
		}
*/

0 0

圈圈YC叉叉: 2016-12-19 10:14:17

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>attempt</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script type="text/javascript" src="attempt.js"></script>
</head>
<body>
    <h3>Hello</h3>
    <p id="con">I love javascript</p>
    <form>
        <input type="button" onclick="hidetext()" value="隐藏内容" /> 
        <input type="button" onclick="showtext()" value="显示内容" /> 
    </form>
</body>
</html>

0 0

WGavin

2016-12-19 10:09:31

是全局变量，可能是你获取的元素写错了吧

1 0

圈圈YC叉叉

我的html在下面，我实在是找不出问题，感觉js还是不行。但是我又不知道错哪儿了

2016-12-19 10:16:35

共 1 条回复 >
停留的记忆

2016-12-19 10:05:04

这么写是全局变量没有错，你的节点是不是获取的有问题，检查一下

1 0

圈圈YC叉叉

我的html在下面，感觉没问题呀

2016-12-19 10:15:01

共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

739814 学习 · 9566 问题

相似问题

回答 7

回答 2

回答 1

关于全局变量和局部变量的问题，求大牛解释下，谢谢

回答 6

我想声明一个全局变量txtdiv，为什么每个函数引用不了这个全局变量txtdiv ？

回答 2

打开慕课网App查看更多内容