DOM元素

  1. dom對象的innerText和innerHTML的區(qū)別

innerText指的是從起始位置到終止位置的內(nèi)容,但它去除html標(biāo)簽。
innerHML指的是對象的起始位置到終止位置的全部內(nèi)容,包括html標(biāo)簽。

  1. elem.children和elem.childNodes的區(qū)別

elem.children:只會獲取到元素節(jié)點(diǎn)。(常用)
elem.childNodes:獲取到所有節(jié)點(diǎn),包括元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn) 節(jié)點(diǎn)類型可以用nodeType來區(qū)分,元素節(jié)點(diǎn)1、屬性節(jié)點(diǎn)2、文本節(jié)點(diǎn)3。

  1. 查詢元素有幾種常見的方法以及ES5的元素選擇方法

  • 查詢元素的常見的方法:getElementById()/getElementsByClassName()/getElementsByTagName()/
  • ES5的元素的選擇方法:
    document.querySelector()/document.querySelectorAll()
  1. 創(chuàng)建一個(gè)元素?給元素設(shè)置屬性?刪除屬性?

var node=document.creatElement('img');//創(chuàng)建一個(gè)元素
node.setAttribute('src','http://www.baidu.com')//給元素設(shè)置屬性
img.removeAttribute('src')//刪除屬性
  1. 給頁面元素添加子元素?刪除頁面元素下的子元素?

var newDiv=document.creatElement("div")
var newContent=document.creatTextNode('hello')
newDiv.appendChild(newContent)//給頁面元素添加子元素
parentNode.removeChild(childNode)//刪除子元素
  1. element.classList有哪些方法?如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class?如何添加一個(gè)class?如何刪除一個(gè)class?

var title=document.querySelector('.title')
title.classList.add('active')//class='title active'添加一個(gè)class
title.classList.remove('active')//class='title'刪除一個(gè)class
title.classList.contains('title')//true判斷是否包含class='title'
  1. 如何選中如下代碼所有的li元素? 如何選中btn元素?

<div class="mod-tabs">
   <ul>
       <li>list1</li>
       <li>list2</li>
       <li>list3</li>
   </ul>
   <button class="btn">點(diǎn)我</button>
</div>
document.querySelectorAll('li')
document.querySelector('.btn')
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基本介紹 文檔對象模型 (DOM) 是HTML和XML文檔的編程接口。它給文檔(結(jié)構(gòu)樹)提供了一個(gè)結(jié)構(gòu)化的表述并且...
    草鞋弟閱讀 582評論 0 0
  • 1. 什么是DOM DOM 全稱是 Document Object Model,也就是文檔對象模型。 DOM 就是...
    小胖子littlefatboy閱讀 2,518評論 1 9
  • 使用 attr() 方法控制元素的屬性 attr()方法的作用是設(shè)置或者返回元素的屬性,其中attr(屬性名)格式...
    孤傭閱讀 230評論 0 1
  • 轉(zhuǎn)載自: Rock 鑫 此次轉(zhuǎn)載僅為了方便自己閱讀學(xué)習(xí) Xcode 8 Instruments 學(xué)習(xí)(一) X...
    一位小碼農(nóng)閱讀 306評論 0 0
  • 關(guān)系總是分為好多種,陌生人、熟人、普通朋友、好朋友、知己…….一步步推進(jìn)的同時(shí),證明著彼此的感情越來越深厚。 我還...
    趙唯閱讀 1,340評論 0 1

友情鏈接更多精彩內(nèi)容