悬停时的vanilla javascript类列表操作_Javascript_Html_Load_Classname

悬停时的vanilla javascript类列表操作

javascript html

悬停时的vanilla javascript类列表操作,javascript,html,load,classname,Javascript,Html,Load,Classname,尝试在一个启动页面的hover和load上执行一些真正基本的类操作。不知道为什么它不起作用——再说一遍，以前从来没有用香草写过基本DOM： <body> <article> <p>test</p> </article> </body> 使用小写处理程序： article.onmouseover 但一般来说，最好使用addEventListener方法。 .onevent方法只允许一个处

尝试在一个启动页面的hover和load上执行一些真正基本的类操作。不知道为什么它不起作用——再说一遍，以前从来没有用香草写过

基本DOM：

<body>
    <article>
        <p>test</p>
    </article>
</body>

使用小写处理程序：

article.onmouseover

但一般来说，最好使用

addEventListener

方法。 .onevent方法只允许一个处理程序，而且其速度也很快。但是，它会弄乱代码和html，在某些情况下，您甚至可能会从运行中删除一些其他重要的代码，这就是为什么

addEventListener

更好的原因，因为它会链接，并且您可以让多个处理程序侦听一个事件，这是正确的形式

下面是另一位stackoverflow用户关于确切差异的精彩回答（不过我在上面的段落中为您总结了很多）。。

以下是使用适当事件处理的固定小提琴：

我是个白痴。我不知道怎么回事

article.onmouseover;
article.onmouseout;
window.onload;

是的，但你也不应该使用这些..最好使用addEventListener，这样你和其他人可以链接..@dory在这种情况下，我不需要链接，所以短而甜是首选。但是如果你想链接到一个JSFIDLE以供其他人参考，我相信这会带来荣誉。嘿，我只是想正确地回答这个问题：）你决定什么对你有好处……当我太懒或者运行得又快又脏的时候，我多次在某些事情上使用.onsomething。不管怎样，我补充了答案。都很好。同时回答-如果你是正确的，仍然会给你评分。谢谢你的帮助。如果你在找香草，你应该只使用CSS：

article:hover

article.onmouseover;
article.onmouseout;
window.onload;