原生js——與element有關的屬性和方法：setAttribute()、getAttribute()、removeAttribute()等

原生js——與element有關的屬性和方法

1.屬性、屬性值：

• .nodeType：1；
• .nodeName：元素的标簽名；
• .nodeValue：null；

• .parentNode：Document || Element；

  若要檢視 Element 的其他屬性值，直接在控制台輸出即可；

• .tagName( nodeName )：元素的标簽名；
• .id：元素id名；
• .className：元素類名；
• .title：有關元素的附加說明資訊；
• .dir：預言的方向( 可以是ltr，也可以是rtl )，極少用；；
• .lang：元素内容的語言代碼，極少用；

2.方法：

• .getAttribute( attributeName )：擷取指定元素的特性，為了避免出現dom事件的bug，最好直接"."來取得對元素特性的使用；
• .setAttribute( newAttributeName，newAttributeValue )：變更指定元素的特性；
• .removeAttribute( attributeName )：徹底移除指定元素的特性；

注：公認的特性（元素本身的特性）既可以通過以上三種方法通路，也可以直接通過.的方式通路；如果是自定義的，非公認的特性，隻能通過get、set、remove的方式通路，不可以直接"."；

• .createElement( “tagName” )：建立一個新元素(隻能是一個)；

  // 舉例1:
  var sth = document.createElement("div");
             

  // 舉例2:
  var sth = document.createElement("<div class="select" id="#select"></div>");
             

• .getElementById( idName )：通過id獲得對元素的引用；
• .getElementsByClassName( className )：HTML5新增通過id獲得對元素的引用；
• .getElementsByTagName( tagName )：通過标簽名獲得對元素的引用；

擴充：.namedItem( 索引值 ) ：可以通過元素的name特性取得集合中的項，也可以使用" [] "文法來取得對集合中項的引用；注：為防止bug，表單name盡量不要和id相同；

• .getElementsByName( attributeName )：擷取具有指定特性名的所有元素，經常用于表單；
• .querySelector()：HTML5新擴充，擷取指定的第一個元素，如果有多個相同的類名的div，則隻會擷取第一個div；
• .querySelectorAll()：HTML5新擴充，擷取指定的所有元素，得到的是一個nodeList集合；

  // 注意，如果傳入類名，一定要加"."，傳入id,一定要加"#";這是和其他方法在傳值時的不同;
  var sth = someNode.querySelector(".class");
  var sth = someNode.querySelector("#id");
             

• 結束語…………………………福利時間到………………………………

  大家同為程式員，在這裡給大家真誠的送上福利。

  福利連結點選這裡！