需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('body').append($('button').attr('class'))。
3、浏览器运行index.html页面，此时按钮的class名被js取到并打印了出来。
Document
Document接口表示在浏览器中加载的任何网页，并作为到网页内容的入口点，这是 DOM 树。 DOM树包括诸如<body>和 <table>之类的元素，其他等等。其也为文档（document）提供了全局性的函数，例如获取页面的URL、在文档中创建新的 element 的函数。它为文档提供全局的函数，像如何获取页面的URL和在文档中创建新的元素。
这里主要用于Document的两个方法
1、 document.getElementById
返回一个匹配特定 ID的元素
<script>function changeColor(newColor) {
var elem = document.getElementById("para1")
elem.style.color = newColor
}
</script>
</head>
<body>
<p id="para1">Some text here</p>
</body>
新手注意：
新手要注意方法名中 'Id' 的拼写——'getElementByID' 是没有作用的。许多人会忽视这个错误。
如果没有查找到对应的元素，方法会返回null。注意ID参数是大小写敏感的，所以document.getElementById("Main")无法获取到元素<div id="main">，因为'M'和'm'是不一样的。
2、Document.getElementsByClassName()
返回一个类似数组的对象，包含了所有指定 class 名称的子元素。
document.getElementsByClassName('test') //获取所有class为'test'的元素document.getElementsByClassName('red test') //获取所有class同时包括'red'和'test'的元素
