JS document对象

Posted 天晴微笑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS document对象相关的知识,希望对你有一定的参考价值。

1、获取标记对象

css 1 - class 2 - id 3 - 标记选择器

js 1 - class 2 - id 3 - 标记 4 - name

+ document.getElementById(‘id‘); - 获取一个对象
+ document.getElementsByClassName(‘class‘); - 获取的是一个数组

+ document.getElementsByTagName(‘标记‘); - 获取的也是一个数组
+ document.getElementsByName(‘name‘); - 获取的也是一个数组

2、掌握三个事件

+ onclick - 点击事件
+ onmouseover - 鼠标移入事件
+ onmouseout - 鼠标移出事件


3、控制标记的样式
标记对象.style.样式 = "值";
样式里带 “-” 要删掉,后面的第一个字母变为大写

放在等号右边是取值,可以看到元素内联样式的值

js里,对象的index属性,可以记录一个int类型的值










以上是关于JS document对象的主要内容,如果未能解决你的问题,请参考以下文章

js的document对象

JS document对象

0514JS操作document对象事件(this)

10-js的document对象

JS的window对象和document对象

js中window对象和document对象的区别