JS的学习-getElementById和网页换肤效果

JS兼容性问题

在使用IE浏览器的状况下，直接使用ID存在问题：
  • 引入doucment.getElementByid()
  • document.getElementByid()在任何浏览器下均可使用

网页换肤

利用JS我们可以做出类似于网页换肤和土豆网的“开灯”，“关灯”效果

  • 任何标签都可以加ID，包括link
  • 任何标签的任何属性也都可以修改
  • HTML里怎么写，JS就怎么写
代码示例

皮肤1效果示例

皮肤2效果示例
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018-02-08
    前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0赞 3
  • 前端面试总结
    前端开发面试知识点大纲： HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：...
    秀才JaneBook阅读 2,539评论 0赞 25
  • 前端面试题
    1.一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍...
    55lover阅读 650评论 0赞 6
  • 【转载】有关css和js针对不同浏览器兼容的问题
    在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、green...
    子约nan阅读 541评论 1赞 3
  • 编写可维护的JS
    0. 写在前面 当你开始工作时，你不是在给你自己写代码，而是为后来人写代码。 —— Nichloas C. Zak...
    康斌阅读 5,362评论 1赞 42