本文實例講述了JavaScript 實現(xiàn)HTML DOM增刪改查操作的常見方法。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)公司為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設計服務，主要包括成都網(wǎng)站制作、成都網(wǎng)站建設、App定制開發(fā)、重慶小程序開發(fā)公司、宣傳片制作、LOGO設計等，幫助客戶快速提升營銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗豐富的經(jīng)驗，可以確保每一個作品的質(zhì)量和創(chuàng)作周期，同時每年都有很多新員工加入，為我們帶來大量新的創(chuàng)意。 

首先 js 可以修改HTML中的所有元素和屬性，它還可以改變CSS樣式，并且可以監(jiān)聽到所有事件并作出響應，這篇筆記呢 主要記錄如何對HTML元素進行增刪改查。

1 查找DOM

第一種方式是我們最常用的：通過ID查找：

  


  
你能找到我么？
  點擊改變文本

{{--js--}}

注意：當我們寫HTML的時候盡量保證ID不重復。

第二種方法：通過標簽名查找

  


  

    
hi man
  
  點擊改變文本

{{--js--}}

↑ 我們?nèi)〉搅薎D為demo的div，然后在div中有個p元素 沒有ID屬性，我們就可以通過tagname來找到它。

第三種方法：通過class來查找

  


  

    
hi man
  
  點擊改變文本

{{--js--}}

2 刪除DOM

  


  

    
hi man
    
hello
  
  點擊改變文本

{{--js--}}

3 新增DOM

  


  

    
hi man
    
hello
  
  點擊改變文本

{{--js--}}

4 修改DOM

4.1 修改DOM的內(nèi)容

  


  

    
hi man
    
hello
  
  點擊改變文本

{{--js--}}

4.2 修改DOM的屬性

  


  鏈接

{{--js--}}

4.3 修改DOM的CSS樣式

  


  
文本

{{--js--}}

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結(jié)》、《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設計有所幫助。