反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

document对象

  • 文档创建者:lu123
  • 历史版本:8
  • 最近更新:Kevin-s 于 2019-06-23
  • 1. 概述

    每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

    Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问

    2. document 对象的常用属性

    Cookie设置或返回当前文档有关的所有 Cookie
    title返回当前文档的标题
    URL返回当前文档的URL

    3. document 对象的常用方法

    3.1 close() 方法

    close() 方法可关闭一个由 document.open 方法打开的输出流,并显示选定的数据。语法:

    document.close() 

    该方法将关闭 open() 方法打开的文档流,并强制地显示出所有缓存的输出内容。

    如果您使用 write() 方法动态地输出一个文档,必须记住当你这么做的时候要调用 close() 方法,以确保所有文档内容都能显示。

    一旦调用了 close(),就不应该再次调用 write(),因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档。


    3.2 getElementByID() 方法

    getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法是

    document.getElementById(id) 

    222

    参考完整代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript">
    function getValue()
    {
    var x=document.getElementById("myHeader")
    alert(x.innerHTML)
    }
    </script>
    </head>
    <body>
    <h1 id="myHeader" onclick="getValue()">这是标题</h1>
    <p>点击标题,会提示出它的值。</p>
    </body>
    </html> 


    3.3 getElementByName() 方法

    getElementsByName() 方法可返回带有指定名称的对象的集合。

    该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

    因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。


    3.4 getElementByTagName()

    getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

    getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

    如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

    传递给 getElementsByTagName() 方法的字符串可以不区分大小写。


    3.5 write()方法

    write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。 可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。

    语法:

    document.write(exp1,exp2,exp3,....) 

    我们通常按照两种的方式使用 write() 方法:

    一是在使用该方法在文档中输出 HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。

    第二种情况中,请务必使用 close() 方法来关闭文档。

    示例:

    222

    参考代码如下:

    <html>
    <body>
    <script type="text/javascript">
    document.write("Hello World! ","Hello You! ","<p style='color:blue;'>Hello World!</p>")
    </script>
    </body>
    </html>


    附件列表


    主题: 二次开发
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526