JS中Document节点总结

  document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。

  Document节点的子节点可以是DocumentType,Element,ProcessingInstruction或Comment。ProcessingInstruction 对象可表示处理指令。这个不常用的接口表示 XML 文档中的一个处理指令(或 PI)。使用 HTML 文档的程序设计者不会遇到 ProcessingInstruction 节点,所以就不多介绍了,DocumentType我们可以通过doctype属性来访问他的信息。Comment作为注释也不多说了,这里只说一下Element。

  1.html元素和body元素

  document.documentElement来获取html元素,document.body来获取body元素。

  2.文档信息

  document.title获取文档标题。

  document.URL属性包含页面完整的URL比如:{协议}://{用户名}:{密码}@{主机名}:{端口号}/{路径}/{文件}?{参数}

  document.domain属性只包括页面的域名。

  document.referrer属性是从什么页面跳到当前页面的。

  3.获取元素

    1)getElementById();

    2)getElementsByTagName();

    3)getElementsByName();

    4)getElementsByClassName();

    5)querySelector();获取单个元素,()中可以是css选择器的标准形式兼容到css2.

    6)querySelectorAll();获取元素集合,()中可以是css选择器的标准形式兼容到css2.

  4.特殊集合

    1)document.anchors:包含文档中所有带那么特性的<a>元素。

    2)document.forms:包含文档中所有的<img>元素,与document.getElementByTagName("form")的到的结果相同。

    3)document.images:包含文档中所有的<img>元素,与document.getElementByTagName("img")的到的结果相同。

    4.document.links:包含文档中所有带href特性的<a>元素。

  5.文档写入

    1)write():按原样写入。

    2)writeln():在字符串的末尾添加一个换行符。

    3)open():打开网页的输出流。

    4)close():关闭网页的输出流。  

    

   

  

  

时间: 2024-11-07 23:34:23

JS中Document节点总结的相关文章

JS中 document.getElementById 对象

Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document 对象集合 集合 描述 all[] 提供对文档中所有 HTML 元素的访问. anchors[] 返回对文档中所有 Anchor 对象的引用. applets 返回对文档中所有 Applet

bobo JS中document.write(&quot; &quot;);

<script>document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.</p>");</script> 您只能在 HTML 输出流中使用 <strong>document.write</strong>. 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文

js中DOM 节点的一些操作方法

什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定的一个规范. DOM就是由节点组成的. 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元素节点.然后操作的时候修改的是该元素的属性. DOM树(一切都是节点) DOM的数据结构如下: 上图可知,在HTML当中,一切都是节点:(非常重要) 元素节点:HMTL标签. 文本

原生JS中DOM节点相关API合集

节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回紧跟在当前节点后面

JS中document.createElement()用法及注意事项

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 var inputObj    = document.createElement     ("<input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;'" readonly >&

JS 中document.URL 和 window.location.href 的区别

实际上,document 和 window 这两个对象的区别已经包含了这个问题的答案. document 表示的是一个文档对象,window 表示一个窗口对象. 一个窗口下面可以有很多的document对象.每个document 都有 一个URL. 但是,这不是所有的区别.当你ctrl + F5 一个链接 http://yourhost.com/#fragment 打印 alert(document.URL ); 和 alert(window.location.href); 发现,这两个的值不一

js中document.write()使用方法

<script>             var hrf = window.location.href;           if(hrf.indexOf('change')>0){      document.write('<body>');               document.write('恭喜发財');      document.write('</body>');    }else{    document.write('<body bac

js中的节点遍历+类数组对象

firstChild  第一个子元素 lastChild  最后一个子元素 childNodes[n]  =   childNodes.item(n)    第n+1个子元素 parentNode  父元素 nextSibling  下一个兄弟元素 previousSibling  上一个兄弟元素 document.documentElement 获取文档的根节点 .tagName 标签名 <!DOCTYPE html> <html lang="en"> <

JS中document.cookie详解

什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值. 设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; document.cookie看上去就像一个属性,可以赋不同的值.但它和一般的属性不一样,改变它的赋值并不