document对象

时间 2020-06-14

标签 document 对象繁體版

原文原文链接

document对象 javascript

document对象文档操做 HTML文档操做

**找元素

*经过ID找元素（惟一）css

*经过class找元素（经过数组取值）html

*经过标签找元素java

*表单找元素数组

**操做内容

先找元素

获取内容ui

修改内容this

含标签获取内容 spa

加其余标签修改内容3d

**操做属性

先找元素

获取属性code

修改属性

删除属性　　+

**操做样式（只能操做内敛）

找到元素

获取样式

修改样式

经过方法修改样式

找元素

例题

选中赞成注册可用

鼠标放上时变色

<!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>
</head>
   <style type="text/css">
        #caidan{
              width:600px;
              height:40px;
              border:1px solid #666;
                  }
        .xiang{
              width:100px;
              height:40px;
              float:left;  
              text-align:center;
              line-height:40px;
              vertical-align:middle;
                }
    </style>         
<body>
    <div id="caidan">
          <div class="xiang" onmousemove="Bian(this)" onmouseout="Hui(this)">首页</div>
          <div class="xiang"onmousemove="Bian(this)"onmouseout="Hui(this)">首页</div>
          <div class="xiang"onmousemove="Bian(this)"onmouseout="Hui(this)">首页</div>
          <div class="xiang"onmousemove="Bian(this)"onmouseout="Hui(this)">首页</div>
          <div class="xiang"onmousemove="Bian(this)"onmouseout="Hui(this)">首页</div>
          <div class="xiang"onmousemove="Bian(this)"onmouseout="Hui(this)">首页</div>
     </div>     
</body>
<script type="text/javascript">
        function Bian(a)
        {
            a.style.backgroundColor = "red";
            a.style.color = "#fff";
        }
        function Hui(a)
        {
            a.style.backgroundColor = "#fff";
            a.style.color = "#000";
        }
</script>
</html>

等待十秒可注册

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <span>10</span>
10 <input type="button" value="注册" disabled="disabled" id="btu"/>
11 </body>
12 <script type="text/javascript">
13     window.setTimeout("Zhu()",1000);
14     function Zhu()
15     {
16          var shu = document.getElementById("shu");
17          if(parseInt(shu.innerHTML)<=0)
18          {
19              document.getElementById("btu").removeAttribute("disabled");
20              
21           }
22           else
23           {
24               shu.innerHTML = parseInt(shu.innerHTML)-1;
25               window.setTimeout("Zhu()",1000);
26             }
27      }
28 </script>
29 </html>

1. JavaScript_Window对象和Document对象
2. DOM对象之document对象
3. document 对象
4. javascript.dom-document对象
5. Document对象
6. document对象
7. Document 对象
8. JavaScript Document 对象
9. jsDOM对象 document
10. Window及document对象
更多相关文章...
• XML DOM - Document 对象 - XML DOM 教程
• XSLT document() 函数 - XSLT 教程
• RxJava操作符（一）Creating Observables
• RxJava操作符（九）Connectable Observable Operators

document对象

document对象 文档操做 HTML文档操做

**找元素

**操做内容

先找元素

**操做属性

先找元素

**操做样式（只能操做内敛）

找到元素

经过方法修改样式

找元素

例题

选中赞成注册可用

鼠标放上时变色

等待十秒可注册

document对象文档操做 HTML文档操做