<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function getById(id)

{

//根据id查找

var aa = document.getElementById(id);

aa.style.backgroundColor="#FFF";

alert(aa);

/*

alert("innerHTML = " + aa.innerHTML);

alert("outerHTML" + aa.outerHTML);

alert("innerText" + aa.innerText);

aa.innerText = "";*/

}

function getByName(name)

{

//根据id查找

//var aa = document.getElementById(id);

var aa = document.getElementsByName(name);

alert(aa);

if (aa.length > 0)

{

	alert(aa[0].innerText);

}

/*alert("innerHTML = " + aa.innerHTML);

alert("outerHTML" + aa.outerHTML);

alert("innerText" + aa.innerText);

aa.innerText = "";*/

}

function getByTagName(name)

{

var aa = document.getElementsByTagName(name);

alert(aa);

if (aa.length > 0)

{

	for (var i = 0; i < aa.length; i++)

	alert(aa[i].innerText);

}

/*alert("innerHTML = " + aa.innerHTML);

alert("outerHTML" + aa.outerHTML);

alert("innerText" + aa.innerText);

aa.innerText = "";*/

}

function getByClassName(name)

{

var aa = document.getElementsByClassName(name);

alert(aa);

if (aa.length > 0)

{

	for (var i = 0; i < aa.length; i++)

	alert(aa[i].innerText);

}

/*alert("innerHTML = " + aa.innerHTML);

alert("outerHTML" + aa.outerHTML);

alert("innerText" + aa.innerText);

aa.innerText = "";*/

}

function getByForm()

{

	try

	{

	var aa = document.myForm.f6;

	alert(aa.value);

	aa.value = "新的内容";

	aa.setAttribute("newvalue", "新属性值");

	var bb = aa.getAttribute("daan")

	alert(bb);

	aa.removeAttribute("newvalue");

	bb = aa.getAttribute("newvalue");

	alert(bb);

	}

	catch(ex)

	{

		alert(ex);

	}

}

</script>

</head>

<body>

<div style="background-color:#F00; height:100px;" id="a" name="b" ><b>这是另一个元素</b></div>

<div class="c" id="ab"><b>这是一个元素</b></div>

<form  name="myForm" action="#" method="get" >

<br />

<input id="f1" type="button" onclick='getById("a");' value="根据ID查找元素" />

<br />

<input id="f2"  type="button" onclick='getByName("b");' value="根据Name查找元素" />

<br />

<input id="f3"  type="button" onclick='getByTagName("div");' value="根据TagName查找元素" />

<br />

<input id="f4"  type="button" onclick='getByClassName("c");' value="根据ClassName查找元素" />

<br />

<input id="f6" daan="1921年" type="text" width="30" value="内容" />

</form>

<br />

<input id="f5"  type="button" onclick='getByForm();' value="查找表单元素" />

</body>

</html>

window.document 对象的更多相关文章

  1. Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  2. JavaScript的DOM操作。Window.document对象

    间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数) 例 :      window.setlnteval("alert("你 ...

  3. Window.document对象 轮播练习

    Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =docun ...

  4. HTML Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  5. Window.document对象（1）

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  6. JS中window.document对象

    小知识点注:外面双引号,里面的双引号改为单引号:                  在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中                  文本框取出来 ...

  7. 1、Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  8. 3.26课·········window.document对象

    1.Window.document对象 一.找到元素:    docunment.getElementById("id"):根据id找,最多找一个:    var a =docun ...

  9. 2016/2/22 1、Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  10. DOM操作（Window.document对象）

    间隔与延迟: 间隔一段代码: window.setInterval("代码",间隔执行秒数) 延迟一段时间后执行一段代码: window.setTimeout("执行代码 ...

随机推荐

  1. HTML5视频直播及H5直播扫盲

    章来源:http://geek.csdn.net/news/detail/95188 分享内容简介: 目前视频直播,尤其是移动端的视频直播已经火到不行了,基本上各大互联网公司都有了自己的直播产品,所以 ...

  2. 理解contextmanager

    同事在查看网络问题导致虚拟机状态一直pause时,在一段代码(见以下)处产生了疑惑.问我,我也是一头雾水.后同事找到参考文章(1),算是了解了个大概.而我对contextmanager的工作产生了兴趣 ...

  3. 命令行调用远程dubbo服务

    有时需要对dubbo服务做个简单的测试,或者想看下某个dubbo服务类所提供的方法,可以直接在命令行通过telnet的方式来查看和调用dubbo服务,方法如下: telnet 127.0.0.1 20 ...

  4. python开发函数进阶：递归函数

    一,什么叫递归 #递归#在一个函数里调用自己#python递归最大层数限制 997#最大层数限制是python默认的,可以做修改#但是我们不建议你修改 例子和尚讲故事 #!/usr/bin/env p ...

  5. 分数CSD编码

    有符号数系统:有三重值(1, 0, -1) SD编码:12 = 16 - 4 = 10000_0000 - 100 = 1_0000_0(-1)00; = 16 - 9 + 5 = 1_0000_00 ...

  6. 用yum下载rpm包（不安装）到指定目录

    用yum下载rpm包(不安装)到制定目录    用yum下载rpm包   1.安装yum-downloadonly   # yum install yum-downloadonly -y     2. ...

  7. python's sixth day for me

    ---恢复内容开始--- #  ==  比较的是数值 a = 1000 b = 1000 print(a == b) #True #  is 比较的是内存地址 >>> a = 100 ...

  8. 用CSS使图片上下左右都绝对居中于DIV

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. Python 约束 , 自定义异常 , 加密 , 日志

    约束 约束 , 约束其派生类:  保证派生类中必须编写send方法 , 不然执行可能就会报错 Python中  语法: class BaseMessage(object): def send(self ...

  10. MySql 里的IFNULL、NULLIF、ISNULL和IF用法

    isnull(expr) 的用法: 如expr 为null,那么isnull() 的返回值为 1,否则返回值为 0. 实例: select ISNULL(NULL) 输出结果: ) 输出结果: IFN ...