windows.document对象

1.1找元素

document.getElementById("id");根据id找最多找一个;

var a=document.getElementById("id");将找到的元素放在变量中;

document.getElementByNames("name");根据name找,找出来的是数组;

document.getElementByTagNames("name");根据表签名找,找出来的是数组;

document.getElementByClassNames("name");根据表classname找,找出来的是数组;

alert(a.innerHTML);标签里的html代码和文字都获取了

alert(a.innerText);只获取里面的文字;

alert(a.outHTML);包括标签本身的内容;

1.2操作元素

var a=var a=document.getElementById("id");

a.setAttribute("属性名","属性值");设置一个属性,添加或更改都可以;

a.getAttribute("属性名");获取属性值;

a.removeAttribute("属性名");移除一个属性

示例:展示图片的自动和手动切换,并插入超链接。

代码:

<style>

#zlunbo
{ background-image:url(zk2.png) ; width:830px; height:540px; position:relative; margin-left:250px;}
#zzuo
{
width: 33px;
height: 124px;
position: absolute;
left: -30px;
top: 214px;
line-height: 124px;
font-size: 50px;
}
#zzuo:hover
{ background-color:#C7C7C7; opacity:60%;
}
#zyou
{
width: 33px;
height: 124px;
position: absolute;
left: 831px;
top: 214px;
line-height: 124px;
font-size: 50px;
}
#zyou:hover
{ background-color:#C7C7C7; opacity:60%;
}

</style>

<body>

<div id="zlunbo"><a target="new" id="zll"><div style=" height:540px;"></div></a>
<div id="zzuo" onclick="dodo(-1)"> < </div>
<div id="zyou" onclick="dodo(1)"> > </div>
</div>

</body>

<script>

var jpg=new Array();
jpg[0]="url(zk2.png)";
jpg[1]="url(zt1.png)";
jpg[2]="url(zx1.png)";
var xb =0;var n=0;var lbimg=document.getElementById("zlunbo")
function huan()
{xb++;
if(xb==3)
{xb=0}
lbimg.style.backgroundImage=jpg[xb];
if(n==0)
{window.setTimeout("huan()",4000);}
var zll1=document.getElementById("zll").href
var zllianjie=new Array();
zllianjie[0]="http://www.baidu.com"
zllianjie[1]="http://www.360.com"
zllianjie[2]="http://www.qq.com"
document.getElementById("zll").href=zllianjie[xb]

}
function dodo(m)
{n=1;
xb=xb+m;
if(xb<0)
{xb=2;}
else if(xb>=3)
{xb=0;}
lbimg.style.backgroundImage=jpg[xb];
var zll1=document.getElementById("zll").href
var zllianjie=new Array();
zllianjie[0]="http://www.baidu.com"
zllianjie[1]="http://www.360.com"
zllianjie[2]="http://www.qq.com"
document.getElementById("zll").href=zllianjie[xb]

}
window.setTimeout("huan()",4000);

</script>

时间: 2024-10-12 15:52:19

windows.document对象的相关文章

JavaScipt——Windows.document对象

四中选择器:class ,id , name , 标签 通过选择器获取对象: document.getElementById('');  -- id选择器 ...................................ClassName('');  -- class选择器 ...............................Name('');  --  name选择器 ................................TagName('');  --  标签选择器

JS Windows.document对象

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

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对象指的页面这个文档