DOM的混淆点

假设页面中有如下元素

<div id="test" class="red">demo</div>
以下获取该 div 元素的代码中，正确的有:

1. document.getElementById('test')
2.document.getElementsByClassName('red')[0]
3.window.test
4.document.querySelector('#test')
5.document.querySelectorAll('#test')[0]

获取 x 元素的 class 属性，正确的有:

1. x.className
2.x.getAttribute('class')

关于以下代码，说法正确的有

div.onclick = function(){
    console.log(this)
    console.log(arguments[0])
}

当用户点击该 div 时，该代码中的 this 是 div

当用户点击该 div 时，arguments[0] 是事件相关的信息组成的对象

DOM操作为什么慢？

参考文章1

参考文章2