javascript-显示/隐藏文本

javascript-显示/隐藏文本,javascript,visibility,Javascript,Visibility,我不擅长编程,所以我真的需要一些帮助 我需要一个代码,显示和隐藏文本时,你点击某个句子。我在网上搜索了很多东西,但找不到有效的。这是我找到的代码之一。如果有人能帮我,给我一个工作代码,我会很高兴的 您可以使用jQuery的切换: 由于您是编程新手,您可能希望观看以下关于jQuery的视频系列: 没有jQuery的替代解决方案: <script language="javascript"> function toggle() { var ele = document.getE

我不擅长编程,所以我真的需要一些帮助


我需要一个代码,显示和隐藏文本时,你点击某个句子。我在网上搜索了很多东西,但找不到有效的。这是我找到的代码之一。如果有人能帮我,给我一个工作代码,我会很高兴的

您可以使用jQuery的切换:

由于您是编程新手,您可能希望观看以下关于jQuery的视频系列:

没有jQuery的替代解决方案:

<script language="javascript"> 
function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>Hello world</h1></div>

函数切换(){
var ele=document.getElementById(“toggleText”);
var text=document.getElementById(“displayText”);
如果(ele.style.display==“块”){
ele.style.display=“无”;
text.innerHTML=“显示”;
}
否则{
ele.style.display=“块”;
text.innerHTML=“隐藏”;
}
} 
您可以使用JavaScript框架中的函数:

HTML:

<p>Text 1</p>
<p>Text 2</p>
<p>Text 3</p>
$(function(){
    $('p').click(function(){
        $(this).toggle();
    });
});

但是如果你隐藏了文本,你就不能点击来重新显示它。因此,您需要找到一个可点击的视觉辅助工具来重新显示文本。我让你想想<代码>:<代码>

< p>我不确定这是否可行,但是你可以尝试在你想隐藏的文本上画一个空白图片,当你想查看文本时,只需删除空白方块。不过,我并不完全100%肯定它会起作用。我不擅长JavaScript,就像我用C++一样。

< P>也许你错过了这个网站上的世界最好的例子:


本教程展示了如何使用纯HTML和JavaScript来完成这项工作

你好,艾米丽。本网站旨在帮助那些已经真诚地努力解决问题,但无论出于什么原因都有点欠缺的人。你能把你写的代码贴出来吗?你提到你会把它贴出来,但我没看到。粘贴时,可以将其缩进4个空格,以便格式正确。您使用的是什么标记?各种句子包含哪些元素,它们有哪些
id
class
名称?如果可以的话,请发布显示您所拥有的代码。JQuery不是答案。问题没有提到使用它;它严格要求使用Javascript。当我开始使用Javascript时,如果我知道jQuery的存在,我会是最快乐的人。那太棒了。在您写完对所问问题的答案(意思是Javascript答案)后,将其作为建议发布,或作为对原始问题的评论发布。这并不是对这个问题的回答,就像对一个客观的C问题发布C#答案一样。