JavaScipt——Windows.document对象

四中选择器:class ,id , name , 标签

通过选择器获取对象:

document.getElementById(‘‘);  -- id选择器

...................................ClassName(‘‘);  -- class选择器

...............................Name(‘‘);  --  name选择器

................................TagName(‘‘);  --  标签选择器(就是div 。 input 之类的 标签名)

获取元素放入变量中(除了id以外,其他的获取到的都是数组,使用时要有索引值)

var a=document.getElementById("元素id");【该类型只有一个值,操作时直接使用a.事件】

var a=documenr.getElementByClassName("class名称");【该类型是一个数组,对数组内的单个元素操作可以使用for循环:a[i].事件】

三个事件

1.点击事件[onclick]

a.onclick=function(){}

2.鼠标移入事件[onmouseover]

a.onmouseover=function(){}

3.鼠标移出事件[onmouseout]

a.onmouseout=function(){}

控制标记的样式

1.元素标记.style.样式=“值”;

更改id为‘aa’的背景颜色为黑色:aa.style.backgroundColor="red";

这里的background-color变成backgroungColor,是将js中所有带“-”的属性全部都要去掉,并且其后面的第一个字母变成大写。

2.在对数组数据for循环遍历时,第一个元素是a[0].

要在循环中对某个元素的进行标记样式操作时,可用this来当做要抽去对象

this表示触发事件的那个元素。(ps:以点击事件为例,鼠标点击那个div,this就是那个div)

this.index  = i ;    会给附索引的那个对象本身,它里面的索引记上一个序号.

js更改的样式会更改所有的样式(内联的样式优先级最高)

时间: 2024-10-07 03:40:43

JavaScipt——Windows.document对象的相关文章

JS Windows.document对象

四中选择器:class ,id , name , 标签 通过选择器获取对象: ...................................ClassName('');  -- class选择器 ...............................Name('');  --  name选择器 ................................TagName('');  --  标签选择器(就是div . input 之类的 标签名) 获取元素放入变量中(除了id以

windows.document对象

1.1找元素 document.getElementById("id");根据id找最多找一个: var a=document.getElementById("id");将找到的元素放在变量中: document.getElementByNames("name");根据name找,找出来的是数组: document.getElementByTagNames("name"):根据表签名找,找出来的是数组: document.ge

windows对象 document对象 的一些操作 9.23

函数: 四要素 1.返回类型2.函数名3.参数列表4.函数体 window . 对象 opener  打开当前窗口的源窗口  alert(window.opener); open( )     例子: 先给他设置一个按钮名. window.open("第一部分","第二部分","第三部分","第四部分"): 特征参数: 第一部分:写要打开的页面地址第二部分:打开的方式,_blank 是在新窗口打开 _self第三部分:控制打开

报表软件JS开发引用HTML DOM的location和document对象

上一次提到,在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows.location.document三种.这次就继续介绍后两种,location和document对象. Location Location 对象包含有关当前 URL 的信息. Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问. location对象的常用属性 hash         设置或返回从#开始的URL h

document对象操作:浏览器页面文件

//找元素 1.根据id找 <div id="d1" cs="ceshi"><span>document对象</span></div> //var d1 = document.getElementById("d1"); //alert(d1); 2.根据class找 <div class="d">111</div> <span class="

【温故而知新-Javascript】使用 Document 对象

Document 对象时通往DOM功能的入口,它向你提供了当前文档的信息,以及一组可供探索.导航.搜索或操作结构与内容的功能. 我们通过全局变量document访问Document对象,它是浏览器为我们创建的关键对象之一.Document对象提供了文档的整体信息,并让你能够访问模型里的各个对象.简单示例如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

Window.document对象

一.Window.document对象 1.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById("id");将找到的元素放在变量中:    docunment.getElementsByName("name"):根据name找,找出来的是数组:    docunment.getElementsByTagName("

HTML静态网页--JavaScript-Window.document对象

1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById("id");将找到的元素放在变量中:    docunment.getElementByName("name"):根据name找,找出来的是数组:    docunment.getElementByTagName("name&

javascript中window与document对象、setInterval与setTimeout定时器的用法与区别

一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.setInterval与setTimeout定时器的用法与区别.讲得不对的地方,烦请大家指正,还望前辈.大牛多多指教! 二.window对象与document对象的用法和区别 window是全局对象,document是window对象的一个属性它也是一个对象.如图: document对象指的页面这个文档