JS更改css布局

一、DOM

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

通常，我们都是通过ID拿到对象模型的。例如：

var myDom = document.getElementById("myId");

二、下面介绍常用的使用js更改布局的方式

第一至三：

这是来自某网站的代码，习惯性的copy

第四种：使用className更换style

var myDom = document.getElementById("myId");
.two{display:block;}
// myDom.className = "two";
myDom.setAttribute("class","two");
// 两种效果一样的

第五种：更换外部css文件

<link href = "1.css" rel = "stylesheet" type = "text/css" i'd = "myId"/>
var myDom = document.getElementbyId("myId");
myDom.setAttribute("href","2.css");