js dom 的常用属性和方法

时间:2022-04-12 20:11:11
1.对象集合:
     (1).all[];
     (2).images[];
     (3).anchors[];
     (4).forms[];
     (5).links[];
 
      2.属性:
       
          document.cookie;设置或返回当前文档有关的所有cookie
          document.title;返回当前文档的标题
          document.domain;返回当前文档的域名
          document.URL;返回当前文档的URL
          document.referrer 如果当前文档不是通过超级链接访问的,则为 null
                            这个属性允许客户端 JavaScript 访问 HTTP 引用头部
         
      3.方法:
          obj=document.open();打开新文档
          obj.close(); 关闭文档对象;
          obj.write(); 向文档对象写HTML表达式或JavaScript代码
          obj.writeln();等同于write()方法不同的是在每个表达式之后写一个换行符
 
 
      //--------------element------------      
        属性及方法:
        
          getElementsByTagName_r('');返回带有指定标签名的对象集合。
          getElementById('');  返回对拥有指定 id 的第一个对象的引用。
          getElementsByName(''); 返回带有指定名称的对象集合。
 
          
            
          element.getAttributeNode();返回指定属性的节点
          element.childNodes();返回元素子节点集合
          element.firstChild;返回元素的首个子
          element.lastChild;返回元素的最后一个子元素
          element.parentNode;返回元素的父节点 
          element.previousSibling;前一个兄弟节点
          element.nextSibling;返回位于相同节点树层级的下一个节点
          element.ownerDocument 返回元素的根元素(文档对象)
          
          element.getAttribute('');返回元素节点的指定属性值
          element.createAttribute('');创造属性
          element.createElement_x('');创造元素
          element.setAttribute();把指定属性设置或更改为指定值
          element.setAttributeNode();设置或更改指定属性的节点
 
          element.removeChild();从元素中移除子节点
          element.removeAttributeNode();移除指定的属性节点,并返回被移除的节点
          element.removeAttribute();从元素中移除指定属性
          
          element.replaceChild();替换元素中的子节点
          element.insertBefore();在指定的已有的子节点之前插入新节点
          element.appendChild(); 向元素添加新的子节点,作为最后一个子节点
 
          element.hasAttribute();如果元素拥有指定属性,则返回true否则返回false
          element.hasAttributes();如果元素拥有属性,则返回true否则返回false
          element.hasChildNodes();如果元素拥有子节点,则返回true,否则false
          element.isEqualNode();   检查两个元素是否相等
          element.isDefaultNamespace();指定的namespaceURI是默认的,则返回true,否则返回false
 
          element.accessKey:快捷键
          element.attributes:属性集合
          element.className:class属性
          element.id   id属性
          element.tagName  标签名
          element.style   样式属性
          element.nodeName   元素名称
          element.nodeType   元素类型
          element.nodeValue  元素内容 
          element.namespaceURI  返回元素的namespace URI
          element.title  
          nodelist.length
          element.textContent 设置或返回节点及其后代的文本内容
          element.innerHTML 设置或返回节点(不包括节点)内的HTML
          element.outerHTML 设置或返回节点内(包括节点)的HTML
          element.offsetHeight 元素高度
          element.offsetTop 返回元素的垂直偏移位置。
          element.scrollTop 返回元素上边缘与视图之间的距离。
          element.scrollHeight 返回元素的整体高度
          element.clientHeight  返回元素的可视高度
 
          element.toStrings();转换成字符串
          
        
         特有属性及方法:
         Meta:
              content  设置或返回meta元素的content属性的值。
              httpEquiv 把content属性连接到一个HTTP头部。
              name  把content属性连接到某个名称。
              scheme  设置或返回用于解释content属性的值的格式。
 
        
 
         frameset:
             cols:设置或者返回框架中列的数目
             rows:设置或者返回框架中行的数目
         frame iframe:
             src name marginHeight marginWidth  Height Width
             scrolling(yes/no) 
             noResize(ture/false)
             frameborder(1/0)
             contentDocument 框架窗口内的文档内容
         
 
 
         table/tableCell/tableRow:
             rows[] cols[]
             bgColor border width Hieght cellSpacing cellPadding caption 
             createCaption() 为表格创建一个 caption元素
             deleteCaption()  从表格删除 caption 元素以及其内容
             createTHead()  在表格中创建一个空的tHead元素
             deleteTHead()  从表格删除 tHead 元素及其内容
             createTFoot()  在表格中创建一个空的 tFoot 元素
             deleteTFoot()  从表格删除 tFoot 元素及其内容
             insertRow()   在表格中插入一个新行
             deleteRow()   从表格删除一行
             rowSpan 设置或返回单元格可横跨的行数
             cloSpan 设置或返回单元格可横跨的列数
             align calign height width 
          
          
          ol:
            reversed  设置或返回列表顺序是否为降序。
            start 设置或返回有序列表的 start 属性值。
            type  设置或返回有序列表的 type 属性值。
          li:
            value 设置或者返回列表项的值
 
          
 
          form:
              action  设置或返回表单的 action 属性。
              id  设置或返回表单的id。
              length  返回表单中的元素数目。
              method  设置或返回将数据发送到服务器的HTTP方法。
              name  设置或返回表单的名称。
              target  设置或返回表单提交结果的Frame或Window名。
              
              reset() 把表单的所有输入元素重置为它们的默认值。
              submit()  提交表单
 
              onreset 在重置表单元素之前调用。
              onsubmit  在提交表单之前调用
 
          input text/password/hidden/File:
              accessKey 设置或返回访问文本域的快捷键。
              alt 设置或返回当浏览器不支持文本域时供显示的替代文本。
              defaultValue  设置或返回文本域的默认值。
              readOnly  设置或返回文本域是否应是只读的。
              disabled  设置或返回文本域是否应被禁用。
              maxLength 设置或返回文本域中的最大字符数。
              id  设置或返回文本域的 id。
              name  设置或返回文本域的名称。
              size  设置或返回文本域的尺寸。
              type  返回文本域的表单元素类型。
              value 设置或返回文本域的 value 属性的值
              blur()  从文本域上移开焦点。
              focus() 在文本域上设置焦点。
              select()  选取文本域中的内容。
 
          input button/reset:
              accessKey 设置或返回访问按钮的快捷键。
              alt 设置或返回当浏览器无法显示按钮时供显示的替代文本。
              disabled  设置或返回是否禁用按钮。
              id  设置或返回按钮的 id。
              name  设置或返回按钮的名称。
              type  返回按钮的表单元素类型。
              value 设置或返回在按钮上显示的文本
              blur()  从文本域上移开焦点。
              focus() 在文本域上设置焦点。
              click() 在提交按钮上模拟一次鼠标点击。
 
          
          input radio/checkbox:
              accessKey 设置或返回访问按钮的快捷键。
              alt 设置或返回当浏览器无法显示按钮时供显示的替代文本。
              defaultChecked  返回单选按钮的默认状态
              defaultChecked:返回单选按钮的默认状态。
              disabled  设置或返回是否禁用按钮。
              id  设置或返回按钮的 id。
              name  设置或返回按钮的名称。
              type  返回按钮的表单元素类型。
              value 设置或返回在按钮上显示的文本
              blur()  从文本域上移开焦点。
              focus() 在文本域上设置焦点。
              click() 在提交按钮上模拟一次鼠标点击。
          
          
          Select:
              options[] 返回包含下拉列表中的所有选项的一个数组
              id  设置或返回下拉列表的 id。
              name  设置或返回下拉列表的名称。
              type  返回下拉列表的表单类型。
              size  设置或返回下拉列表中的可见行数。
              length  返回下拉列表中的选项数目。
              multiple  设置或返回是否选择多个项目。
              disabled  设置或返回是否应禁用下拉列表。
              selectedIndex 设置或返回下拉列表中被选项目的索引号。
              
              blur()  从下拉列表移开焦点。
              focus() 在下拉列表上设置焦点。
              add() 向下拉列表添加一个选项。
              remove()  从下拉列表中删除一个选项。
 
              onchange  当改变选择时调用的事件句柄。
          
          select option:
              id  设置或返回选项的 id。
              text  设置或返回某个选项的纯文本值。
              value 设置或返回被送往服务器的值。
              selected  设置或返回 selected 属性的值。
              defaultSelected 返回 selected 属性的默认值。
              disabled  设置或返回选项是否应被禁用
              index 返回下拉列表中某个选项的索引位置。
              label 设置或返回选项的标记 (仅用于选项组)。
          
 
          textarea:
              accessKey 设置或返回访问 textarea 的键盘快捷键。
              rows  设置或返回 textarea 的高度。
              cols  设置或返回 textarea 的宽度。
              id  设置或返回某个 textarea 的 id。
              name  设置或返回 textarea 的名称。
              type  返回该文本框的表单类型。
              value 设置或返回在 textarea 中的文本。
              defaultValue  设置或返回文本框中的初始内容。
              disabled  设置或返回 textarea 是否应当被禁用。
              readOnly  设置或返回 textarea 是否应当是只读的。
    
              blur()  从 textarea 移开焦点。
              focus() 在 textarea 上设置焦点。
              select()  选择 textarea 中的文本 
        
 
        
 
        anchors:
              accessKey 设置或返回访问一个链接的快捷键。
              charset 设置或返回被链接资源的字符集。
              href  设置或返回被链接资源的 URL。
              id  设置或返回一个链接的 id。
              name  设置或返回一个链接的名称。
              type  设置或返回被链接资源的 MIME 类型。
              target  设置或返回在何处打开链接。
              innerHTML 设置或返回一个链接的内容。
              rel 设置或返回当前文档与目标 URL 之间的关系。
              rev 设置或返回目标 URL 与之间当前文档的关系。
 
        
 
        image:
              align 设置或返回与内联内容的对齐方式。
              alt 设置或返回无法显示图像时的替代文本。
              border  设置或返回图像周围的边框。
              height  设置或返回图像的高度。
              width 设置或返回图像的宽度。
              hspace  设置或返回图像左侧和右侧的空白。
              vspace  设置或返回图像的顶部和底部的空白
              id  设置或返回图像的ID
              name  设置或返回图像的名称。
              src 设置或返回图像的 URL。
 
              onabort 当用户放弃图像的装载时调用的事件句柄。
              onerror 在装载图像的过程中发生错误时调用的事件句柄。
              onload  当图像装载完毕时调用的事件句柄 
 
        
        
 
        audio:            
              controls  设置或返回音频是否应该显示控件(比如播放/暂停等)。
              autoplay  设置或返回是否在就绪(加载完成)后随即播放音频。
              paused  设置或返回音频是否暂停。
              defaultPlaybackRate 设置或返回音频的默认播放速度。
              defaultMuted  设置或返回音频默认是否静音。
              volume  设置或返回音频的音量
              loop  设置或返回音频是否应在结束时再次播放。
              currentTime 设置或返回音频中的当前播放位置(以秒计)。
              src 设置或返回音频的 src 属性的值。
              currentSrc  返回当前音频的 URL。
              duration  返回音频的长度(以秒计)。
              readyState  返回音频当前的就绪状态。
              playbackRate  设置或返回音频播放的速度。
              buffered  返回表示音频已缓冲部分的 TimeRanges 对象。
              controller  返回表示音频当前媒体控制器的 MediaController 对象。
              audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。
              textTracks  返回表示可用文本轨道的 TextTrackList 对象。
              crossOrigin 设置或返回音频的 CORS 设置。
              ended 返回音频的播放是否已结束。
              error 返回表示音频错误状态的 MediaError 对象。
              mediaGroup  设置或返回音频所属媒介组合的名称。
              muted 设置或返回是否关闭声音。
              networkState  返回音频的当前网络状态。
              played  返回表示音频已播放部分的 TimeRanges 对象
              seekable  返回表示音频可寻址部分的 TimeRanges 对象
              preload 设置或返回音频的 preload 属性的值。
              seeking 返回用户当前是否正在音频中进行查找。
 
              load()  重新加载音频元素。
              play()  开始播放音频。
              pause() 暂停当前播放的音频
              addTextTrack()  向音频添加新的文本轨道。
              canPlayType() 检查浏览器是否能够播放指定的音频类型。
              fastSeek()  在音频播放器中指定播放时间。
              getStartDate()  返回新的 Date 对象,表示当前时间线偏移量。
 
        
 
        vedio:
              autoplay  设置或返回是否在就绪(加载完成)后随即播放视频。
              volume  设置或返回视频的音量。
              width 设置或返回视频的 width 属性的值。
              height  设置或返回视频的 height 属性的值。
              loop  设置或返回视频是否应在结束时再次播放。
              paused  设置或返回视频是否暂停。
              playbackRate  设置或返回视频播放的速度。
              played  返回表示视频已播放部分的 TimeRanges 对象
              currentSrc  返回当前视频的 URL。
              defaultMuted  设置或返回视频默认是否静音。
              defaultPlaybackRate 设置或返回视频的默认播放速度。
              src 设置或返回视频的src属性的值。
              buffered  返回表示视频已缓冲部分的 TimeRanges 对象。
              controller  返回表示视频当前媒体控制器的 MediaController 对象。
              controls  设置或返回视频是否应该显示控件(比如播放/暂停等)。
              crossOrigin 设置或返回视频的 CORS 设置。
              currentTime 设置或返回视频中的当前播放位置(以秒计)。
              duration  返回视频的长度(以秒计)。
              ended 返回视频的播放是否已结束。
              error 返回表示视频错误状态的 MediaError 对象。
              mediaGroup  设置或返回视频所属媒介组合的名称。
              muted 设置或返回是否关闭声音。
              networkState  返回视频的当前网络状态。。
              poster  设置或返回视频的 poster 属性的值。
              preload 设置或返回视频的 preload 属性的值。
              readyState  返回视频当前的就绪状态。
              seekable  返回表示视频可寻址部分的 TimeRanges 对象。
              seeking 返回用户当前是否正在视频中进行查找。
              startDate 返回表示当前时间偏移的 Date 对象。
              textTracks  返回表示可用文本轨道的 TextTrackList 对象。
              audioTracks  返回表示可用音频轨道的 AudioTrackList 对象
              videoTracks 返回表示可用视频轨道的 VideoTrackList 对象。
    
              load()  重新加载视频元素。
              play()  开始播放视频。
              pause() 暂停当前播放的视频。
              addTextTrack()  向视频添加新的文本轨道。
              canPlayType() 检查浏览器是否能够播放指定的视频类型。
              
 
        
        embed:
              src 设置或返回 embed 元素中 src 属性的值。
              type  设置或返回 embed 元素中 type 属性的值。
              width 设置或返回 embed 元素中 width 属性的值。
              height  设置或返回 embed 元素中 height 属性的值。
 
        
 
        object:
              height  设置或返回对象的高度。
              width 设置或返回对象的宽度。
              type  设置或返回通过 data 属性下载的数据的内容类型。
              hspace  设置或返回对象的水平外边距。
              vspace  设置或返回对象的垂直外边距。
              name  设置或返回对象的名称。
              standby 设置或返回在加载对象时返回的消息。