登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>网站设计原则>>DOM文档对象模型
DOM文档对象模型
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-04-09 14:19:38 ‖ 【 】‖ 我要投稿



3、使用document.all[]

例3

  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Document.All Example #2title>
  5. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  6. head>
  7. <body>
  8. <h1 id="heading1" align="center" style="font-size: larger;">DHTML Fun!!!h1>
  9. <form name="testform" id="testform" action="#" method="get">
  10. <input type="button" value="Align Left"
  11. onclick="document.all['heading1'].align='left';" />
  12. <input type="button" value="Align Center"
  13. onclick="document.all['heading1'].align='center';" />
  14. <input type="button" value="Align Right"
  15. onclick="document.all['heading1'].align='right';" />
  16. <input type="button" value="Bigger"
  17. onclick="document.all['heading1'].style.fontSize='xx-large';" />
  18. <input type="button" value="Smaller"
  19. onclick="document.all['heading1'].style.fontSize='xx-small';" />
  20. <input type="button" value="Red"
  21. onclick="document.all['heading1'].style.color='red';" />
  22. <input type="button" value="Blue"
  23. onclick="document.all['heading1'].style.color='blue';" />
  24. <input type="button" value="Black"
  25. onclick="document.all['heading1'].style.color='black';" />
  26. <input type="text" name="userText" id="userText" size="30" />
  27. <input type="button" value="Change Text"
  28. onclick="document.all['heading1'].innerText=document.testform.userText.value;" />
  29. form>
  30. body>
  31. html>

4、标准DOM中的访问方法

开头就说过document.all[]不符合WEB标准,那用什么来替代它呢?document.getElementById


Most third-party browsers are “strict standards” implementations, meaning that they implement W3C and ECMA standards and ignore most of the proprietary object models of Internet Explorer and Netscape.If the demographic for your Web site includes users likely to use less common browsers, such as Linux aficionados, it might be a good idea to avoid IE-specific features and use the W3C DOM instead. by Internet Explorer 6, we see that IE implements significant portions of the W3C DOM.

这段话的意思是大多数第三方浏览器只支持W3C的DOM,如果你的网站用户使用其他的浏览器,那么你最好避免使用IE的私有属性。而且IE6也开始支持W3C DOM。

毕竟大多数人还不了解标准,在使用标准前,你还可以在你的网页中用document.all[]访问文档对象前面写到WEB标准,今天继续WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签:

1、getElementById()

getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。

比如说有一个DIV的ID为docid:

|<< << < 1 2 3 4 > >> >>|
加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
相关文章列表
请文明参与讨论,禁止漫骂攻击。  
网友评论