前端工程师养成计划DOM篇03-获取标签样式和标签属性

上一节我们讲了如何获取DOM节点对象，还有一些简单的操作，这一节我们来学习一些标签样式和标签属性

标签属性和标签样式的区别

 <p id="cont">sfasdgsa</p>
 <script>
 	var oP = document.querySelector("#cont");
 	oP.setAttribute("padding","10px");//这行代码能给标签添加上padding:10px的样式吗？
</script>

如上述代码，这是不能给标签加上样式的，attribute系列的方法都是针对标签属性来进行修改的，而padding:10px则是一个样式，上述代码
oP.setAttribute("padding","10px");
运行后标签会变成这样