Fatal编程技术网

HTML Javascript Onclick？

javascript html

HTML Javascript Onclick？,javascript,html,onclick,Javascript,Html,Onclick,谁能帮我找出为什么ONCLICK不起作用。。。我也有一个CSS表连接我的span类，但由于某些原因onclick不起作用 <head> <link href="stylizing.css" rel="stylesheet"> <script> function showCode() { document.getElementById("latestDiscountCode").c

谁能帮我找出为什么ONCLICK不起作用。。。我也有一个CSS表连接我的span类，但由于某些原因onclick不起作用

<head>
    <link href="stylizing.css" rel="stylesheet">
    <script>     
        function showCode()
        {
            document.getElementById("latestDiscountCode").className ="unhideBlock textAlignLeft";
        }
    </script>
</head>

<p class="textAlignLeft" onclick = "showCode();">
    <span class="xxx">  
        CLICK ME
    </span>
</p>


函数showCode（）
{
document.getElementById（“latestDiscountCode”）.className=“unhideBlock textAlignLeft”；
}


点击我
我认为你不需要那个分号

<p class="textAlignLeft" onclick = "showCode()">
如果使用document.getElementById，则需要指定“id”：

例如：

<!DOCTYPE html>
<html>
<body>

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p>

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>


单击该按钮可触发一个函数，该函数将在id为“demo”的p元素中输出“Hello World”

点击我


函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“Hello World”；
}
示例作者：

将
移动到主体的末端。否则，它将在加载DOM之前执行。归功于@Federico

或者，听听是否有DOMContentLoaded。

我怀疑您的id名称或样式表类名中有输入错误。您提供的代码不包含具有“latestDiscountCode”的元素，因此我创建了一个元素作为示例。如果单击ClickMe文本，您将看到browers DOM检查器将正确的类添加到div中


函数showCode（）
{
document.getElementById（“latestDiscountCode”）.className=“unhideBlock textAlignLeft”；
}


点击我




福
元素上未指定id

<p class="textAlignLeft" id="latestDiscountCode" onclick = "showCode();">
....
</p>


....
可以将id放置在要更改其类名的任何元素上。上面的代码假定这是“p”标记。

希望这有帮助。

Javascript控制台中有错误吗？您确定有具有该ID的元素吗？我在HTML中没有看到具有
ID=“latestDiscountCode”
的元素。你能把它也包括进去吗？检查JavaScript控制台应该是调试的第一步。如果您不熟悉控制台，请查看有关如何访问控制台的链接：欢迎使用SOF。如果您不确定，请不要尝试回答问题。您确定问题是由
引起的吗？由于脚本是由HTML中的
onclick
调用的，所以这不是问题所在。