HTML onclick函数不适用于按钮

Question

因此，我正在建立一个网站，并且有一些按钮可滚动到页面的某些部分。我有5个按钮，除了它们的名称之外，所有按钮都有完全相同的代码。尽管其中一个按钮的代码与正常工作的按钮相同，但其中一个按钮却坏了并且不执行任何操作。

这是我的HTML：

关于我们

    <div class = "OurMethodsBar">
        <button class = "OurMethodsButton" onclick = "ScrollTo(OurMethodsAnchor)">
            Our Methods
        </button>
    </div>
    <div class = "InvestBar">
        <button class = "InvestButton" onclick = "ScrollTo(InvestAnchor)">
                Invest
        </button>
    </div>
    <div class = "ContactUsBar">
        <button class = "ContactUsButton" onlclick = "ScrollTo(ContactUsAnchor)">
            Contact Us
        </button>
    </div>
    <div class = "MoreInformationBar">
        <button class = "MoreInformationButton" onclick = "ScrollTo(MoreInfoAnchor)">
            More Info
        </button>
    </div>

这是我的JS：

var AboutUsAnchor = document.getElementById（“ AboutUsAnchor”）;

var OurMethodsAnchor = document.getElementById("OurMethodsAnchor");
var InvestAnchor = document.getElementById("InvestAnchor");
var ContactUsAnchor = document.getElementById("ContactUsAnchor");
var MoreInfoAnchor = document.getElementById("MoreInfoAnchor");

function ScrollTo(Element) {
    Element.scrollIntoView(true);
}

ScrollTo(AboutUsAnchor);

断开的按钮是ContactUsButton，应该滚动到ContactUsAnchor。如果我手动使用ScrollTo函数并输入ContactUsAnchor，它仍然可以工作，但是当我尝试按下按钮时，它就无法工作。

Answer 1

我宁愿更改方法并重写您的函数以获取字符串，并在以后通过ID获取元素。

function ScrollTo(element) {
    document.getElementById(element).scrollIntoView(true);
}

然后在您的按钮中只需将包含ID的字符串传递给单引号'

    <button class = "ContactUsButton" onclick = "ScrollTo('ContactUsAnchor')">
        Contact Us
    </button>

并且正如其他人指出的那样，修复onlclick：P