DOM中的一些其餘操做

1焦點

通常input元素中的輸入框，按鈕

<a>標籤

能夠用到這個方法

element.focus() 爲元素設置焦點

element.hasfocus()檢測元素是否具備焦點

通常在文本框具備光標，或者點擊按鈕或者連接時，那個元素便具備了焦點

2 自定義屬性

在本身定義的屬性前面加上data-

這個屬性便成爲了一個自定義的屬性

能夠用來標識一個標籤

<div data-myname="ss"></div>

這裏data-myname即是一個自定義屬性

假設獲取到了div的對象，名爲odiv

那麼訪問這個屬性的方法爲

odiv.dataset.myname  用div的dataset屬性來訪問，同時去掉data-

也能夠修改這個屬性的值

odiv.dataset.myname =「a」

3 innerHTML  outerHTML 

innerHTML標籤一個標籤內部的全部內容

outerHTML表示包含標籤和它內部的全部內容

<div>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</div>

odiv.innerHTML 獲得的是

<ul>

<li></li>

<li></li>

<li></li>

</ul>

odiv.outerHTML獲得的是

<div>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</div>

能夠經過這兩個屬性來取值，同時也能夠修改

若是對innerHTML進行從新賦值（賦值的內容能夠是字符串，也能夠是html代碼），則標籤內部的內容會被所有替換

odiv.innerHTML="<p></p>"

那麼就會變成

<div>

<p>

</p>

</div>

若是對innerHTML進行從新賦值（賦值的內容能夠是字符串，也能夠是html代碼），則全部的內容都會被替換

odiv.innerHTML="<p></p>"

那麼

<div>

<ul>

<li></li>

<li></li>

<li></li>

</ul>

</div>

就會變成

<p>

</p>

4 insertAdjacentHTML() 該方法接收兩個參數，第一個參數爲下列四個之一，第二個參數爲一段字符串或html代碼

beforeBegin 插入該元素的前面，和該元素爲兄弟元素

afertBegin 插入到該元素的子元素中的第一個位置

beforeEnd 插入到該元素中子元素的最後一個位置

afterEnd 插入到該元素的後面，與該元素爲兄弟元素

element.insertAdjacentHTML("beforeBegin","<p></p>)";

5 contains()方法

父元素.contains(子元素) 返回Boolen值，用於判斷某個元素是否爲另外一個元素的父元素或者子元素

6 contentDocument

該屬性專門用於操做框架或者內聯框架

假設iframe爲某一個框架或者內聯框架用querySelector等方法獲取到的對象

iframe.contentDocument就對應該框架的文檔對象即document對象，從而能夠進行後續的操做。