1. 程式人生 > >學習筆記:javascript 關於DOM

學習筆記:javascript 關於DOM

 var box=window.document.getElementById('testId');
  alert(box.childNodes.length);               // 第一個節點所有瀏覽器均認為是空白內容#text
      alert(removeWhiteNode(box).childNodes.length);
    
//移除空白節點   //這裡的函式竟讓沒用
    
    function removeWhiteNode(node){
          for(var i=0;i<node.childNodes.length;i++){
               if(node.childNodes[i].nodeType===3 &&/^s+$/.test(node.childNodes[i].nodeValue)){
                   node.childNodes[i].parentNode.removeChild(node.childNodes[i]);
               }
              }
              return node;
        }
        
        document.write('<p>woyaotianjiede</p>');//之前的會被覆蓋掉

      box.appendChild(p);
    
    var test=document.createTextNode('hushuode');
    //p.appendChild(test);                      //這裡是三種新增方式
    //box.appendChild(test);
    //document.getElementByTagName('body')[0].appendChild(p);

相關推薦

學習筆記javascript 關於DOM

 var box=window.document.getElementById('testId');   alert(box.childNodes.length);               // 第一個節點所有瀏覽器均認為是空白內容#text       alert(removeWhiteNode(box

學習筆記javascript內置對象數組對象

b- sort splice 刪除 分隔 href 結果 join() strong 1.數組對象的創建 1.設置一個長度為0的數組 var myarr=new array(); 2.設置一個長度為n的數組 var myarr=new arr(n); 3.聲明一個

學習筆記javascript內置對象日期對象

etsec sel mil cond ava com 描述 學習筆記 asp 2.日期對象的常用函數 2.日期對象的常用函數 Date 對象方法 方法描述 Date() 返回當日的日期和時間。 getDate() 從 Date 對象返回一個月

學習筆記javascript中的六種繼承

    第五種:寄生式繼承     function obj(o){         function F(){}         F.prototype=o;         return new F();         }     //寄生函式     function create(o)     {

學習筆記javascript中的Generator函式

最近在學習redux-saga,由於redux-saga需要使用Generator函式,所以下來就回顧了一下Generator Generator 函式是 ES6 提供的一種非同步程式設計解決方案,語法行為與傳統函式完全不同 寫法上Generator函式與普通函式沒什麼區別,只是在function關鍵字後

javascript學習筆記DOM節點概述

理解 obj title truct sin 文本 utf-8 html 解析 0x01: DOM是javascript操作網頁的接口,全稱為文檔對象模型(Document Object Model)。它的作用是將網頁轉為一個javascript對象,從而可以使用javas

javascript學習筆記DOM節點關系和操作

seq 文本節點 文檔 use true 添加節點 check iss pen 0x01:前面的話 DOM可以將任何HTML描繪成一個由多層節點構成的結構。節點分為12種不同類型,每種類型分別表示文檔中不同的信息及標記。每個節點都擁有各自的特點、數據和方法,也與其他節點存在

JavaScript學習筆記數組的sort()和reverse()方法

content 參數 n) strong true 知識 efi 調整 數字 在實際的業務當中,很多時候要對定義好的數組重新排序。在JavaScript中自帶了兩個方法,可以對數組進行排序操作。這兩個方法就是sort()和reve

2018.09.29 學習筆記 // 前端Javascript // BOM與DOM

題目: DOM是哪種基本的資料結構?:樹 DOM操作的常用的API有哪些? DOM節點的attr和property有何區別? 知識點: DOM本質 將HTML結構化 DOM節點操作 獲取DOM節點 property //屬性 —— js的屬性 Att

2018.10.03 學習筆記 // 前端Javascript // BOM與DOM

題目: 如何檢測瀏覽器的型別 拆解url的各部分 知識點 navigator screen location history //navigator var ua = navigator.userAgent //字串 var isChrome = ua.inde

【JQuery】JQuery學習筆記JQuery操作HTML,即JQuery DOM操作

1,jQuery DOM操作,設定或獲得內容:   設定,在()內填入內容即可,有回撥函式; text() - 設定或返回所選元素的文字內容 html() - 設定或返回所選元素的內容(包括 HTML 標記) val() - 設定或返回表單欄位的值 2,jQuery D

JavaScript DOM程式設計藝術》筆記JavaScript圖片庫 (三)

標記 <!DOCTYPE html> <html lang = "en"> <head> <meta charset = "utf-8"/> <title>Image Callery</title

JavaScript學習筆記(window物件)

番外 confirm():彈出資訊對話方塊。返回值boolean型別; prompt():彈出資訊對話方塊。返回輸入的資訊 正文 (1)計時器:setInterval(); 語法:setInterval(程式碼,互動時間); 引數: 程式碼:要呼叫的函式或要執行的程式

JavaScript學習筆記(String物件)

javascript的string物件使用很方便,可以直接賦值: var str = 'hello world'; 但是在一些使用場景中,則需要使用下面的方法: var str =new String(); (1)length屬性:得出字串的長度: var str =

Javascript學習筆記】【DOM實戰— —jQ實現點選任意位置關閉某處的效果(常用於模態框後面的遮罩層)】

【Javascript學習筆記】 目錄 目錄 原理 效果 程式碼 實戰程式碼 快捷連結 點選任意位置關閉某處 而且點選對應處並不會hide掉自己 原理

Linux學習筆記存儲管理

linux 磁盤管理 Linux系統中所有的硬件設備都是通過文件的方式來表現和使用的,我們將這些文件稱為設備文件,在Linux下的/dev目錄中有大量的設備文件,根據設備文件的不同,又分為字符設備文件和塊設備文件。字符設備文件的存取是以字符流的方式來進行的,一次傳送一個字符。常見的有打印

Linux學習筆記btrfs

可擴展性 linux btrfs Technical Preview, 技術預覽版 BtrFS(B-tree文件系統,又稱為Butter FS或Better FS),2007由oracle開源後,得到了IBM、intel等廠商的大力支持,其目標計劃是替代linux目前的ext3/4,成為下

Linux學習筆記rpm程序包管理

源代碼 rpm 程序包 以CentOS為例,rpm程序包管理器的相關內容如下:CentOS的程序包管理器: 程序包的命名規則: 源代碼包: software_name-VERSION.tar.gz VERSION:major.mino

kafka學習筆記知識點整理

一個 eight true med 分組 pos 間接 fig ges 一、為什麽需要消息系統 1.解耦:  允許你獨立的擴展或修改兩邊的處理過程,只要確保它們遵守同樣的接口約束。 2.冗余:   消息隊列把數據進行持久化直到它們已經被完全處理,通過這一方式規避了數據

Emacs學習筆記移動

size exp http spc ssi 參考 put kill ati 參考網址:https://www.emacswiki.org/emacs/NavigatingParentheses Navigating over balanced expressions C