<!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. videojs集成--播放rtmp流

    之前说到已经把流推送过来了,这时候就可以使用videojs来进行显示播放. 首先要先有一个文件,那就是video-js.swf 因为,这种播放方式html已经不能很好的进行播放了,需要用到flash来 ...

  2. 【转】JMeter中使用Selenium进行测试

    JMeter是使用非常广泛的性能测试工具,而Selenium是ThroughtWorks 公司一个强大的开源Web 功能测试工具.Jmeter和Selenium结合使用,就可以实现对网站页面的自动化性 ...

  3. oracle 11g r2 使用rman进行迁移rac到rac

    源端服务器主机名 rac05 rac06公共IP地址(eth0) 10.15.8.15 10.15.8.16 虚拟IP地址(eth0) 10.15.8.17 10.15.8.18私有IP地址(eth1 ...

  4. python学习（四） 字典：当索引不好用时

    第四章 字典:当索引不好用时 4.1 字典的使用 字典的适用场景: 表示一个游戏棋盘的状态,每个键都是由坐标值组成的元组: 存储文件修改时间,用文件名作为键: 数字电话/地址簿 4.2 创建和使用字典 ...

  5. [置顶] sscanf() - 从一个字符串中读进与指定格式相符的数据

    在做一道九度上机题时,突然发现sscanf()函数非常有用,就顺便从网上搜集资料整理一下. sscanf() 的作用:从一个字符串中读进与指定格式相符的数据. 原型: int sscanf (cons ...

  6. DFT的补0运算

    在实际的DFT中,如果需要增加采样的密度.这里的采样是频域的采样.可以等到更加密集的谱. 如对于信号 x = [1, 1, 1, 1]做DFT如下图: 不零后的DFT, N = 8, N= 16, N ...

  7. Linux - 对文件和目录的权限管理

    对文件的权限管理 ls -l,也可以用 ll 命令查看文件权限的相关信息 第一列“-rw-r--r--.”为权限信息,权限信息的最后一个点表示为在安全环境下创建的 第二列“1”为硬链接数,第三列“ro ...

  8. Aggregate可以做字符串累加、数值累加、最大最小值

    Aggregate("", (m, n) => m + n + ".").TrimEnd('.'); .Aggregate(0, (m, n) => ...

  9. Ubantu下安装adobe flash player插件

    用火狐看视频,要打开Adobe官网下载xxxx,太麻烦. 可以在Terminal下输入: apt-get install flashplugin-nonfree 好了.

  10. MyEclipse jQuery智能 提示

    jQuery智能 MyEclipse Spket IDE 1.6.23 http://www.spket.com/download.html Plugin 1.6.23 5.62 MB Minimum ...