如何更改SPAN的边框颜色?

时间:2016-12-12 17:56:07

标签: javascript html css

要突出显示“报告”按钮,将其边框颜色设置为红色,但这似乎不起作用。我试图使用的代码如下。

document.getElementById("ReportBtn").style.border = "solid #FF0000";

我甚至尝试通过浏览器控制台运行它,即使页面已满载也似乎只返回null。

<span onclick="return ReportReview()" class="btn_grey_grey btn_small_thin tooltip" id="ReportBtn" data-tooltip-content="Report this review for violating the Steam Terms of Service or Online Conduct Rules."></span>

3 个答案:

答案 0 :(得分:3)

$(VSINSTALLDIR)事件中删除回复。它必须是<mtbwa:InvokeProcess Arguments="[msTestParamsBuilder.ToString()]" DisplayName="Invoke VSTest.Console for Test Assemblies" FileName="C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\CommonExtensions\Microsoft\TestWindow\VSTest.Console.exe" sap2010:WorkflowViewState.IdRef="InvokeProcess_4" WorkingDirectory="[BuildDirectory]">

<强> HTML

onclick

<强> JS

<span onclick="ReportReview()">

请参阅js fiddle here,其中说明了您要执行的操作。

也许您只想在文档加载时更改颜色。在这种情况下,以下应该有效。它基本上意味着当页面加载时改变<span onclick="ReportReview()" class="btn_grey_grey btn_small_thin tooltip" id="ReportBtn" data-tooltip-content="Report this review for violating the Steam Terms of Service or Online Conduct Rules."></span> 元素边框的颜色。您只能更改span元素的颜色(如果已创建)。这将确保它已经被创建。

function ReportReview() {
    document.getElementById("ReportBtn").style.border = "solid #FF0000";
}

答案 1 :(得分:1)

是因为您的JavaScript在您的跨度准备好之前正在执行吗?

解释编辑

您的JavaScript很好

document.getElementById("ReportBtn").style.border = "solid #FF0000";

只有在创建范围后调用它才会起作用。如果它在你的标记中运行得更高,它将会失败。

答案 2 :(得分:0)

  

只使用onclick =“ReportReview()”

这是调用函数事件的正确方法。 在onclick事件中不使用return。