javascript - 显示/隐藏文本

我不擅长编程，所以我真的很想帮忙。javascript - 显示/隐藏文本

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

来源

2011-12-01 Emelie Torefalk

这是一个家庭作业吗？ –

嗨Emelie。本网站旨在帮助那些已经真诚地努力解决问题的人，但无论出于何种原因，都会出现一些问题。你可以发布你写的代码，哪些不工作？你提到你会发布它，但我没有看到它。当你粘贴它时，你可以缩进4个空格，这样它就可以正确格式化。 –

你在使用什么标记？包裹着各种句子的是什么元素，他们有什么'id'或'class'名字？请，如果可以的话，发布代码，显示你有什么。 –

您可以使用jQuery的切换：http://api.jquery.com/toggle/

因为你是新的节目，你可能想观看有关jQuery的这些视频系列：http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

替代解决方案，而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>

你也可以看看这个页面右边的相关问题:-)

来源

2011-12-01 19:07:55

你可以使用.toggle()功能从jQuery，JavaScript框架：

HTML：

<p>Text 1</p> 
<p>Text 2</p> 
<p>Text 3</p>

的jQuery：

$(function(){ 
    $('p').click(function(){ 
     $(this).toggle(); 
    }); 
});

但是如果你隐藏的文字，你不能点击重新显示它。所以你需要找到一个可点击的视觉辅助工具来重新显示文本。我让你考虑一下。 :)

来源

2011-12-01 19:13:15

JQuery不是答案。这个问题没有提及使用它;它严格要求使用Javascript。 –

当我开始使用JavaScript时，如果我了解了jQuery的存在，我会是最幸福的人。 –

太棒了。作为**之后的建议**，您已经写了一个问题答案（意思是Javascript答案），或者作为对原始问题的评论。这不是一个答案，除了发布一个C＃答案的Objective C问题将是。 –

我并不确定这是否可以正常工作，但您可以尝试在要隐藏的文本上放置空白图片，以及何时要查看文本，只需删除空白的正方形即可。我不完全确定它会工作。我不像JavaScript一样擅长使用C++。

来源

2014-05-14 08:37:19

也许你错过了这个网站是世界上最好的例子： https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

的教程演示使用纯HTML的JavaScript做的工作！

来源

2017-07-28 08:32:06 LifeiSHot

javascript - 显示/隐藏文本

回答

相关问题