获取、改变样式、显示隐藏

通过ID获取元素:

document.getElementById(“id”)

52e4c5950001054207900423.jpg

innerHTML 属性

innerHTML 属性用于获取或替换 HTML 元素的内容。
语法:
Object.innerHTML
注意:
1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。
2.注意书写,innerHTML区分大小写。

52e4cd080001f01507220418.jpg

改变 HTML 样式

语法:
Object.style.property=new style;
注意:
Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
property是要修改的基本属性。
示例:

<p id="name">I love MRX</p>
<script>
var MRX=document.getElementById("name");
name.style.width="200px";
name.style.color="red";
</script>

显示和隐藏(display属性)

语法:
Object.style.display = value
value取值:
none 此元素不会被显示(即隐藏)
block 此元素将显示为块级元素(即显示)

控制类名(className 属性)

语法:
object.className = classname
示例:

52e4e28c0001c97f07980838.jpg

结果:
52e4e711000135d903810270.jpg

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

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,102评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,739评论 0 8
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 4,177评论 0 0
  • 欢迎关注个人微信公众账号:byodian个人博客:Byodian's Blog JavaScript 基础知识总结...
    工具速递阅读 4,110评论 0 3
  • DOM总结 1:DOM - document object model 文档对象模型 作用:给我们提供了一些方法...
    盒小饭stone阅读 3,788评论 0 0