                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

为什么输出和修改标题，可以获取到function外的mychar变量，而隐藏和显示却无效呢？

<!DOCTYPE HTML>

<html>

<head>

<title>innerHTML</title>

</head>

<body>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>

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

function yuanlai(){

document.write("原标题:"+mychar.innerHTML+"<br>"); }//输出原h2标签内容

function xiugai(){

mychar.innerHTML="NIHAO"

document.write("修改后的标题:"+mychar.innerHTML);} //输出修改后h2标签内容

</script>

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

function yincang()

{

mychar.style.display = "none"

}

function xianshi()

{

mychar.style.display = "block"

}

</script>

<form>

</form>

</body>

</html>

菜鸟学前端

2019-05-07

源自：JavaScript入门篇 3-5

关注问题我要回答

764

操作

收起

3 回答

狮砸sz
2019-07-18

<!DOCTYPE HTML>

<html>

<head>

<title>innerHTML</title>

</head>

<body>

<h2 id="con">javascript</H2>

<form>

</form>

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

function oldd() { //输出原h2标签内容

mychar.innerHTML = "原标题:javascript";

}

function neww() { //输出修改后h2标签内容

mychar.innerHTML = "NIHAO";

}

function showw() { //显示

mychar.style.display = "block";

mychar.style.visibility = "inherit";

}

function nonee() { //不占位隐藏

mychar.style.display = "none";

}

function hiddenn() { //占位隐藏

mychar.style.visibility = "hidden";

}

function varr() {

var pp = document.createElement("p");//创建一个p标签

var t = document.createTextNode("new one");//创建文本节点

pp.appendChild(t);//把文本节点添加入p标签

document.body.appendChild(pp);//在body最后添加含有文本的p标签

}

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

风之哓
2019-05-07

你调用的方法名写错了

0 回复有任何疑惑可以回复我~

收起回答

菜鸟学前端提问者

<input type="button" onclick="hidetext()" value="隐藏内容" /> <input type="button" onclick="showtext()" value="显示内容" /> 你指的是这个地方写错了吗？这里是笔误了，修改成 yincang和xianshi，也不行。

2019-05-08 回复有任何疑惑可以回复我~