-1

我显然不是贸易编码员，但我正在努力完成这项工作，但无法弄清楚我错过了什么，

这是我当前的页面：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>
4

4 回答 4

0

将“Practice.....”替换为“< your Blue Javascript HTML here >”

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

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

于 2013-10-30T07:45:55.340 回答
0

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

你可以：

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

我的好朋友实际上能够很快地弄清楚这一点。“基本上，你是用标签包装标签，这样图像就变成了一个链接，进而调用了 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>
于 2013-10-30T17:40:22.397 回答
0

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

像这样的东西。

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

演示

于 2013-10-30T07:57:54.640 回答