Question

我有这一行：

[]

我需要用onclick替换href但保留设计等，这是失败的，当鼠标悬停在'Contact'时它没有显示小手创造“联系”它的正文文字的感觉，css也丢失了：

<li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542"><a href="contact-us/index.html">Contact </a></li>

如何解决？ window.smoothScroll代码：

<li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542" onclick="smoothScroll(document.getElementById('second'))">Contact</li>

Answer 1

onclick 仅工作一个按钮标记

实施例：单击按钮时执行JavaScript：

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

Ref

Answer 2

你可以用多种方式做，有些是我在下面创建的。通过保持href =“＃”和onClick事件锚标记或通过onclick直接给li标记链接。用于验证onclick我在onClick上更改“联系人”的文本颜色。

    <li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542" 
    onclick="smoothScroll()"> Contact </li>


    <li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542">
<a href="#" onclick="smoothScroll()">Contact</a></li>


    <script>

    function smoothScroll (){

    console.log('inside method');
    document.getElementById('second');
    document.getElementById("menu-item-1542").style.color = "red";

    }

    </script>

Answer 3

添加答案，可以将其标记为已关闭：

JS有点矫枉过正，用纯HTML可以达到同样的效果：

<a href="#my-div">My link</a>

<div id="my-div">content</div>

这会将页面跳转到＃my-div点击

href onclick无法正常工作

3 个答案: