1DOM获取HTML某个元素的方法(不考虑兼容问题)

有一个div:<div class=”w” name=”h” id=”div1”></div>我想获取"这一个"div你有几种解决办法(不考虑兼容)
//    document.getElementById("div1");
//    document.getElementsByTagName("div")[0]
//    document.getElementsByClassName("w")[0]
//    document.getElementsByName("h")[0]
//    document.querySelector("#div1")
//    document.querySelector(".w")
//    document.querySelector("[name='h']")
//    document.querySelector("div")
//    document.querySelectorAll(".w")[0]
//    document.querySelectorAll("[name='h']")[0]
//    document.querySelectorAll("div")[0]

所有关于获取浏览器的盒子模型属性值的话,都需要document.documentElement.xxx||document.body.xxx才可以兼容所有浏览器
//    document.documentElement.clientWidth||document.body.clientWidth
//    document.documentElement.clientHeight||document.body.clientHeight