Javascript 函数中的 Javascript答案

【问题标题】：Javascript within a Javascript functionJavascript 函数中的 Javascript
【发布时间】：2013-10-30 07:41:25
【问题描述】：

我显然不是专业的编码员，但我正在努力完成这项工作，但无法弄清楚我缺少什么，

这是我当前的页面：http://dev.clearbridgetech.com/case-studies

目前，如果我单击“通过练习”按钮，文本“练习.......”会按预期输出到底部，但会像下面标记为“蓝色 JavaScript”的代码一样，我只是无法弄清楚如何做到这一点。任何帮助将不胜感激。

<script language="JavaScript">
function bypractice()
{
document.getElementById("divA").innerHTML="Practice.......";
}
</script></p>
<script language="JavaScript">
function byverticle()
{
document.getElementById("divA").innerHTML="Verticle.......";
}

蓝色 JavaScript

<p style="text-align: center;">
<a href="javascript:appdev();"><img alt="" src="images/cs-images/appdev.png" style="width: 100px; border-width: 0px; border-style: solid; height: 31px;" /></a>&nbsp; <a href="javascript:cloudcomp();"><img alt="" src="images/cs-images/cloudcomp.png" style="width: 100px; height: 31px; border-width: 0px; border-style: solid;" /></a>&nbsp; <a href="javascript:dbsol();"><img alt="" src="images/cs-images/dbsol.png" style="width: 100px; border-width: 0px; border-style: solid; height: 31px;" /></a>&nbsp; <a href="javascript:dcinfra();"><img alt="" src="images/cs-images/datainfra1.png" style="width: 100px; border-width: 0px; border-style: solid; height: 31px;" /></a></p>

【问题讨论】：

像梦中的梦？

标签： javascript html dom-events

【解决方案1】：

我不确定是否理解，但如果您想要根据单击的按钮显示不同的 html 块（其中包含文本、js、图像），我认为您会找到一种更简单的方法来放置所有不同的块在页面中，显示第一个并隐藏其他。然后，当用户单击按钮时，您会隐藏不需要的按钮，反之亦然。

你可以：

定义一个css类.DisplayNone {display: none;}
为不同的块分配一个名称以显示（divA、divB、divC）将class="DisplayNone" 设置为除第一个以外的所有块
当用户单击按钮时，您将 DisplayNone 类分配给所有带有document.getElementById("divA").className="DisplayNone"; 的 divA、divB、divC 块，最后将其从要显示的块中删除document.getElementById("divC").className="";
使用 jQuery 而不是纯 javascript 可能会使您的代码更简单

【讨论】：

【解决方案2】：

如何将您需要的所有 HTML 放入一个 div 并应用样式 display:none，然后单击按钮将您的 div 的 innerHTML 替换为隐藏 div 的 innerHTML。

类似的东西。

function bypractice()
{
document.getElementById("divA").innerHTML=document.getElementById("hiddendiv").innerHTML;
}

DEMO

【讨论】：

【解决方案3】：

将“Practice.....”替换为“”

您的 HTML 代码应该在引号内，就像它是一个字符串一样。即document.getElementById('myDiv').innerHTML = "<b style='color:#f00'>This will print red bolded text</b>";

您需要在 HTML 中使用单引号而不是双引号，或者通过在每个引号前添加“\”字符来转义双引号。

【讨论】：

鲁本，我试过了，但它根本行不通。
查看更新的答案；）其他人的建议对您来说也可能更容易，具体取决于您想做什么。

【解决方案4】：

我的好朋友实际上能够很快地解决这个问题。 “基本上，你是用标签包装标签，这样图像就变成了一个链接，进而调用了 JS。”

<a href="javascript:appdev();"><img alt="" src="/images/cs-images/appdev.png" style="width: 100px; border-width: 0px; border-style: solid; height: 31px;" /></a>

【讨论】：