document.all与WEB标准（3）
发布时间：2008-03-16 14:28:00
标签：dom,document,标准,web,javascript
总结一下标准DOM，访问某一特定元素尽量用标准的getElementById()，访问标签用标准的getElementByTagName(),但IE不支持getElementsByName()，所以就要避免使用getElementsByName()，但getElementsByName()和不符合标准的document.all[]也不是全无是处，它们有自己的方便之处，用不用那就看网站的用户使用什么浏览器，由你自己决定了。
关于document.getElementsByName
IE当然支持 可以说IE更忠于html/xhtml标准(嘿嘿 原来firefox也不咋地 幸灾乐祸一下^_^)
按照O'REILLY的<<HTML与XHTML权威指南>>中的说法 name并不是核心属性 并非所有标签都可以加name属性(大家可以拿我下面的例子去 validator.w3.org 做验证)
所以你给div加name属性理论上是不会出结果的.这一点IE很好的符合了标准~!!
(同时也看出了符合标准也有烦人的地方~_~ 所以大家不用太把标准当回事儿 过两年都用xml了 这个也过时了!倡导灵活的webstandard应用思想 除了符合xml思想的东西 其他的按浏览器的理解去做就行)
附:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<script type="text/javascript">
<!--
function aa(){
var s="Elements with attribute 'name':\n";
var aaa=document.getElementsByName("a");
for(var i=0;i<aaa.length;i++)s+="\n"+aaa[i].tagName;
alert(s);
}
-->
</script>
<title> test </title>
</head>
<body>
<div name="a"><span name="a">1</span>2<input name="a" value="3"/><textarea name="a" rows="2" cols="8">4</textarea><button onclick="aa()">alert</button></div>
</body>
</html>
简单来说就是DIV不支持NAME属性，所以那个document.getElementsByName的例子调试不能通过.下面用INPUT做个例子
<!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=gb2312">
<title>Byname,tag</title>
<style type="text/css">
<!--
#docid1,#docid2{
margin:10px;
height:400px;
width:400px;
background-color:#999;}
-->
</style>
</head>
<body>
<input name="docname" onmouseover="bgcolor()" onmouseout="bgcolor2()" />
<input name="docname" onmouseover="bgcolor()" onmouseout="bgcolor2()" />
</body>
</html>
<script language="javascript" type="text/javascript">
<!--
function bgcolor(){
var docnObj=document.getElementsByName("docname");
docnObj[0].style.backgroundColor = "black";
docnObj[1].style.backgroundColor = "black";
}
function bgcolor2(){
var docnObj=document.getElementsByName("docname");
docnObj[0].style.backgroundColor = "#fff";
docnObj[1].style.backgroundColor = "#fff";
}
-->
</script>
0
投稿猜你喜欢
一直很想就搜索结果页写一些心得文章出来，甚至连目录都整理好了可是就是一直没有动手。因为总是觉得还差很多东西需要研究需要分析需要验证。最近也组- 1、异常的传播当在函数中出现异常时，如果在函数中对异常进行了处理，则异常不会再继续传播。如果函数中没有对异常进行处理，则异常会继续向函数调用
- 导语 相信有不少人的闹钟是设成这样的：6:206:306:356:37……起床真是令人
- <％Class Cls_TemplateDim RegDim PageDim CIDDim SIDDim RuleDim Conten
- 本篇阅读的代码片段来自于30-seconds-of-python。1、average_bydef average_by(lst, fn=la
- 一、什么是数据库连接池就是一个容器持有多个数据库连接，当程序需要操作数据库的时候直接从池中取出连接，使用完之后再还回去，和线程池一个道理。二
- 先看一道GIL面试题：描述Python GIL的概念， 以及它对python多线程的影响？编写一个多线程抓取网页的程序，并阐明多线程抓取程序
- 本文实例为大家分享了python实现计算器功能的具体代码，供大家参考，具体内容如下1. 案例介绍本例利用 Python 开发一个可以进行简单
- 在日常开发中，我们前端必不可少的需要像后端请求数据。但是一般前后端分离，所以域名、端口等肯定不尽相同，这样就不可避免的会遇到浏览器的同源策略
- 前言本文主要给大家介绍了关于python中MethodType方法的相关内容，分享出来供大家参考学习，话不多说，来一起看看详细的介绍吧示例代
- 命令：Python manage.py runserver改为python manage.py runserver 0.0.0.0:80外网
- 使用python写爬虫时，优选selenium，由于PhantomJS因内部原因已经停止更新，最新版的selenium已经使用headles
- 本文实例讲述了Python简单实现Base64编码和解码的方法。分享给大家供大家参考，具体如下：Base64编码是一种“防君子不防小人”的编
- 前言相信看到这个题目，可能大家都觉得是一个老生常谈的月经topic了。一直以来其实把握一个“值传递”基本上就能理解各种情况了，不过最近遇到了
- try...catch的作用是测试代码中的错误。 实例 try...catch声明 如何编写try...catch声明。&nbs
- 如图：会出现带有红色波浪线，但是确实有random_walk文件解决方法：在当前文件下，右键找到mark Directory as然后选择s
- 废话不多说了，直接给大家贴js代码了，具体代码如下所示：<!DOCTYPE html><html><head&
- 很多序列的方法字符串同样适用，但是，字符串是不可变的，所以一些试图改变字符串的方法是不可用的1 字符串格式化1）用元组或者字典格式化字符串f
- tags: django中对条件查询一些cms项目都会使用到多条件查询,我们后端如何处理请求的条件呢?满足一个条件满足两个条件满足多个条件…
- 前言小伙伴a,b,c围着吃火锅，当菜上齐了，请客的主人说：开吃！，于是小伙伴一起动筷子，这种场景如何实现Event（事件）Event（事件）
