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");
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西...
    微醺岁月阅读 4,515评论 2 61
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 817评论 0 0
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • 人做梦不是很正常吗?啊中虽然震惊,但也故意装作很平静的样子,越是被动的时候越要保持自我不让人牵着鼻子走。说起来这也...
    辉8815阅读 204评论 0 0