使用onclick="；更改CSS&引用；

你能告诉我我做错了什么吗？我想在单击链接时更改CSS属性

在这里找到这个建议，但对我不起作用

HTML

---

我会删除内联JS并尝试以下操作：

$('a').click(function() {
    $('.action').css('display', 'block');
});

同样可以使用

$（'.action'）.show（）实现也是

下面是一个例子：

我会删除内联JS并尝试以下方法：

$('a').click(function() {
    $('.action').css('display', 'block');
});

同样可以使用
$（'.action'）.show（）实现也是

下面是一个例子：

将操作移动到JS文件：

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();
        $('.action').css({'display':'block'});
    });
});

将操作移动到JS文件：

$(document).ready(function() {
    $('a').on('click', function(e) {
        e.preventDefault();
        $('.action').css({'display':'block'});
    });
});

如果您使用的是jQuery，请尝试以下方法

<script>
$(document).ready(function() {
    $('#link').click(function(e) {
        e.preventDefault();
        $('.action').css('display', 'block');
    });
});
</script>


$（文档）.ready（函数（）{
$（“#链接”）。单击（函数（e）{
e、 预防默认值（）；
$（'.action'）.css（'display'，'block'）；
});
});

在你的HTML中

<a href="#" id="link">Edit</a>

如果您正在使用jQuery，请尝试以下操作

<script>
$(document).ready(function() {
    $('#link').click(function(e) {
        e.preventDefault();
        $('.action').css('display', 'block');
    });
});
</script>


$（文档）.ready（函数（）{
$（“#链接”）。单击（函数（e）{
e、 预防默认值（）；
$（'.action'）.css（'display'，'block'）；
});
});

在你的HTML中

<a href="#" id="link">Edit</a>

您的问题是，您提供的是
onclick
函数调用，而不是函数引用。您的浏览器需要后者

正道
另外请注意，这可能是一个方便的功能供您使用，而不是手动设置CSS属性。还可以考虑将ID添加到HTML元素中，然后使用jQuery为该ID附加一个OnCutter处理程序（即）.< /P> < P>您的问题是，您提供的是“代码”> OnCasks< /Cord>函数调用，而不是函数引用。您的浏览器需要后者

正道
另外请注意，这可能是一个方便的功能供您使用，而不是手动设置CSS属性。还可以考虑将ID添加到HTML元素中，然后使用jQuery为该ID附加一个OnCutter处理程序（即）/< p>您在控制台中看到了什么？如果你使用jQuery，你真的，真的，真的，真的不应该在<代码> OnCutabase<代码>属性中调用它。即使使用ValILLJS也不应该这样做。您可以使用
.show（）
使其可见。无需在JavaScript代码中使用CSS。您在控制台中看到了什么？如果您使用jQuery，您真的、真的、真的、真的不应该在
onclick
属性中调用它。即使使用VanillaJS，他也不应该这样做；）您可以使用
.show（）
使其可见。无需在JavaScript代码中使用CSS。
<div onclick="function(e) {$('.action').css('display', 'block');}">