我修改了class的值，为什么还是能通过querySelector获取到元素节点？
一开始class的值是one，那我通过'.one'拿取到了p标签。然后我修改了class的值，为什么还能拿取到p标签，还可以去修改p标签的文本内容，把'你好'改成了'hello'?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p class="one">你好</p>
<script>
//通过class，拿取到P标签
var box = document.querySelector('.one')
//修改了class的值
box.className = 'newOne'
// 为什么还能修改p标签的文本内容
box.innerHTML = 'hello'
console.log("打印下class的值:" + box.className);
</script>
</body>
</html>
