摘要:閱讀高級程序設計第章的學習筆記。獲取特性注意傳遞給的特性名與實際特性名相同不區分大小寫。獲取需傳入而不是。不僅會清除特性的值,也會從元素中完全刪除特性。針對上述問題的解決方案在中指定完整的標簽來解決。
閱讀《javascript高級程序設計》第10章的學習筆記。
要訪問元素的標簽名 nodeName屬性或 tagName屬性
//js獲取元素及標簽名 var div = document.getElementById("myDiv"); console.log(div.tagName); //"DIV" console.log(div.nodeName); //"DIV"
其中要注意的是,HTML中標簽名始終以大寫表示,而XML有時與源代碼中保持一致
HTML元素每個HTML元素都存在的標準特性
id 元素在文檔中的唯一標識符
title 有關元素的附加說明信息
lang 元素內容的語言代碼
dir 語言方向。值為"ltr"【從左至右】| "rtl"【從右至左】
className 與元素的class特性對應。
獲取特性
getAttribute()
【注意】傳遞給getAttribute的特性名與實際特性名相同(不區分大小寫)。獲取class需傳入"class"而不是"className"。可獲取自定義特性。通常只有在取得自定義特性值的情況下使用getAttribute()方法。【特殊情況如下】
style 通過getAttribute訪問時返回的style特性值中包含的是css文本,通過屬性訪問則會返回一個對象
onclick 返回相應代碼的字符串 通過屬性訪問時會返回一個js函數。
setAttribute()
如果特性已經存在,會以指定值替換現有的值;如果特性不存在,則創建該屬性并設置相應值。
【通過這個方法設置的特性名會統一轉為小寫形式】
【可以直接給屬性賦值設置特性的值,具體看下面代碼】
【為DOM元素添加一個自定義屬性,該屬性不會自動成為元素的特性,但自定義屬性會在IE中被當作元素特性】
div.setAttribute("id","myId"); div.setAttribute("class","myClass"); //可以直接給屬性賦值設置特性的值 div.id="myId"; // div.mycolor="red"; div.getAttribute("mycolor");//null(IE除外)
removeAttribute()
用于徹底刪除元素特性。不僅會清除特性的值,也會從元素中完全刪除特性。
document.createElement()只接受一個參數【要創建元素的標簽名】
將新元素添加到文檔樹
appendChild()
insertBefore()
replaceChild(0
需要注意的問題
不能設置動態創建的
不能通過表單的reset方法重設動態創建的元素
動態創建的type特性值為"reset"的
動態創建的一批name相同的單選按鈕彼此毫無關系。
針對上述問題的解決方案:在createElement中指定完整的HTML標簽來解決。
var iframe = document.createElement("");
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/79334.html
摘要:前言由于在博客系統的開發中和近期工作中的前端框架主要使用因此在這里記錄學習和使用的過程中遇到的一些需要記錄的點。執行過程弄清楚的執行過程是很重要的,這樣你才能在正確的時機做正確的事。至此,的執行過程也就告一段落了。 前言 由于在博客系統的開發中和近期工作中的前端框架主要使用 AngularJS ,因此在這里記錄學習和使用 AngularJS 的過程中遇到的一些需要記錄的點。特別說明,本...
摘要:選擇的主要原因大概是因為該框架出現較早,感覺上會相對成熟,日后學習中遇到問題想要查找答案相對簡單一些,對,就是這么簡單。多說無益,接下來開始的學習,我按照我學習中帶著的問題來一一解答,完成我的入門筆記。主要是針對前端的組件化開發。 這兩天得空,特意來折騰了以下時下火熱的前端框架react,至于為什么選react,作為一個初學者react和vue在技術上的優劣我無權評論,也就不妄加評論了...
摘要:基于函數進行調用的,用來確保函數是在指定的值所在的上下文中調用的。添加私有函數目前上面為類庫添加的屬性都是公開的,可以被隨時修改。以基于的富應用開發為主要學習資料。 控制類庫的作用域 在類和實例中都添加proxy函數,可以在事件處理程序之外處理函數的時候保持類的作用域。下面是不用proxy的辦法: var Class = function(parent){ var klas...
摘要:中的實現先掛個英文版的原文鏈接這個作者還是可以的,我又發現了他的另外一篇關于的實現,后面的博文再進行介紹。存儲了一系列指向數據的指針。虛線方塊代表了沒用到的。切分并移除元素也就是上面代碼中的,會調用。 python中list的實現 Author : Jasper Yang School : Bupt 先掛個英文版的原文鏈接 Laurent Luces Blog 這個作者還是可以的,...
摘要:各模塊各司其職,提高開發效率。使用生成的項目目錄里,我們主要關注目錄。這個是我們之前提到的單頁面組件。這是項目的路由文件,存放項目中所有的路由。這里和我們之前所學沒什么不同,不過是涉及了不少的知識。 一、vue模塊化開發 所謂的模塊化開發是指將不同的部分封裝到不同的模塊中,不再將所有的組件、路由等寫在一個頁面中。各模塊各司其職,提高開發效率。 使用vue-cli生成的項目目錄里,我們主...
閱讀 1309·2021-11-04 16:09
閱讀 3509·2021-10-19 11:45
閱讀 2404·2021-10-11 10:59
閱讀 1019·2021-09-23 11:21
閱讀 2770·2021-09-22 10:54
閱讀 1146·2019-08-30 15:53
閱讀 2612·2019-08-30 15:53
閱讀 3484·2019-08-30 12:57