JS 操作元素的属性、换肤 、 中括号操作属性、等......

1、代码块

我们的程序是由一条一条语句构成的

语句是按照自上向下的顺序一条一条执行的

在JS中可以使用{}来为语句进行分组,

同一个{}中的语句我们称为是一组语句,

它们要么都执行,要么都不执行,

一个{}中的语句我们也称为叫一个代码块

在代码块的后边就不用再编写;了

JS中的代码块,只具有分组的的作用,没有其他的用途

      代码块内容的内容,在外部是完全可见的


{          //js里面是用大括号写内容

       var a =10;

      alert("hello");

      console.log("你好");/*向控制台输出*/

       document.write("语句");/*向body里输出*/

}

console.log("a= " +a);



2、js操作属性

DOM是为了操作文档(网页)的API,document是它的一个对象

BOM是为了操作浏览器的API,window是它的一个对象

  常用BOM对象还有:alert、定时器等

操作属性的方法

                       1、“.” 操作

                       2、“[ ]”操作

属性写法

1、html的属性和js里面属性写法一样

2、“class” 属性写成 “className”

3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“font-size”,改成”style.fontSize”

通过“.”操作属性:

......

传智播客

通过“[ ]”操作属性:

......

传智播客

innerHTML

innerHTML可以读取或者写入标签包裹的内容

......

这是一个div元素



3、js换肤

    引入外部样式



4、js操作style属性



5、js操作class



6、js中括号操作属性

你可能感兴趣的:(JS 操作元素的属性、换肤 、 中括号操作属性、等......)