小小恩
2016-09-29 16:23
代码:function hiddentext()
{
var mychar = document.getElementById("con");
document.write(mychar).style.display="none";
}
function showtext(){
var mychar = document.getElementById("con");
document.write(mychar).style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>
<form>
<input type="button" onclick="hiddentext()" value="隐藏内容" />
<input type="button" onclick="showtext()" value="显示内容" />
</form>
</body>
mychar = document.getElementById("con");只是取到了标签<p>,而不能取到标签中的内容,所以会出现
[object HTMLParagraphElement]错误
var mychar = document.getElementById("con"); 已经获取到了id为con的对象<p>,并把它赋值在变量 mychar 里了
后边的 隐藏和显示效果应该是对mychar作用的
所以改换成
mychar.style.display="none"; 就行
document.write(mychar) 是输出变量 mychar 的意思吧
function hiddenText(){ var mychar=document.getElementById("con"); mychar.style.display="none"; }
改成上述形式即可
JavaScript入门篇
739817 学习 · 9566 问题
相似问题