js教程系列33 :javascript-DOM節點屬性

阿新 • • 發佈：2018-04-26

name AR set ons alt bbb aaa win ttr

1 設置節點屬性三個方法:

獲取：getAttribute(名稱)

設置：setAttribute(名稱, 值)

刪除：removeAttribute(名稱)

舉個例子:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>

window.onload = function () {
    var eleNode = document.getElementsByTagName("img")[0];
     
//1.元素節點.屬性或者元素節點[屬性]
            eleNode.src = "image/aaa.png";
            eleNode.aaa = "bbb";
            console.log(eleNode.aaa);
            console.log(eleNode.src);
            console.log(eleNode.tagName);
            console.log(eleNode["title"]);
            console.log(eleNode["className"]);
            console.log(eleNode[ 
"alt"]);

//2.元素節點.方法();
            console.log(eleNode.getAttribute("id"));
            eleNode.setAttribute("id","你好");
            eleNode.setAttribute("ccc","ddd");

            eleNode.removeAttribute("id");
        }

   </script>
</head>
<body>
<img src="image/aaa.png" class="box" title="圖片" alt="aaa" id="aaa"/>
</body>
</html>

js教程系列33 :javascript-DOM節點屬性

name AR set ons alt bbb aaa win ttr 1 設置節點屬性三個方法: 獲取：getAttribute(名稱) 設置：setAttribute(名稱, 值) 刪除：removeAttribute(名稱) 舉個例子: <!DOCTYPE

JavaScript - DOM節點常用屬性

nodeType - 節點型別（1:為元素節點 2:為為屬性節點 3:文字節點） nodeName - 節點名稱 nodeValue - 節點的值 // HTML 原始碼中的任何內容最終都會轉化為 DOM 樹中的節點。元素轉為元素節點

ECMAScript(javaScript) DOM節點四個屬性

DOM節點有節點屬性一共有4種 1.nodeName 這個節點是元素標籤名他的值為"document"; 他是一種只讀性的也就其是不可以修改的 2. nodevalue text節點或者 comment 節點擁有這個屬性他的值為null; 並且具有可

javaScript DOM節點樹

next hid body nbsp 屬性學生節點 dom節點元素 1. 例如： <html> <head> <title>節點樹<title/> <head/> <body> <p>

設置dom節點屬性的代碼優化

stop 相對方案關註 cnblogs 很多 top switch 優化需求：某dom節點在正常情況下，有設置其transition-duration為1s，在mousemove時候，要去掉其transition-duration設置的時間，在mouseup時候，恢復

javascript dom節點x

文本 prev 下一個 alt 返回技術復制代碼 bili 順序一,js 獲取元素(父節點,子節點,兄弟節點) var test = document.getElementById("test");　　var parent = test.parentNod

javascript dom節點的

技術分享 next() ctr test 匹配新的就是 div ava 一,js 獲取元素(父節點,子節點,兄弟節點) 按 Ctrl+C 復制代碼按 Ctrl+C 復制代碼二,jquery 獲取元素(父節點,子節點,兄弟節點)

JavaScript Dom節點

first 第一個 family 需要替換 set 修改 ttr ont 整個文檔是一個文檔節點每個HTML元素是元素節點 HTML元素內的文本是文本節點每個HTML屬性是屬性節點註釋是註釋節點屬性節點和文本節點都屬於元素節點的子節點，因此操作時，需要先選中元素

(8)JavaScript DOM節點的替換

節點的替換： replaceChild（）：把一個給定父元素裡的一個子節點替換成另外一個子節點 var reference = element.replaceChild（newChild，oldChild）；該節點除了替換功能以外還有移動的功能該方法只能完成單向

[js高手之路] dom常用節點屬性兼容性詳解與應用

asc 子元素種類型 process 變色 tex 如果結構節點和一、每個DOM節點都有一個nodeType屬性，表示節點類型， NodeType一共有12種類型，我們可以通過遍歷內置的Node構造函數獲取 1 window.onload =

【javascript】DOM操作方法（1）——節點屬性

demo1 tex rip tar nerd 屬於 fin ntb art 一、節點屬性Node.nodeName //返回節點名稱，只讀 Node.nodeType //返回節點類型的常數值，只讀 Node.nodeValue //返回Text或Comment

javascript教程系列40:DOM中操作樣式的兩種方式

AS color 單位 css 註意 pan col ntb javascrip 1 DOM中操作樣式的兩種方式 1 通過元素的style屬性註意: 通過style屬性設置樣式時,css中要寫單位的屬性,在js代碼中也要加單位 //html <div id="bo

javascript教程系列42:標簽上自定義屬性的操作

log undefine exp javascrip eat ole dex 標簽 rip 1 獲取標簽屬性語法: element.getAttribute(‘屬性名‘) 返回對應屬性的值 ,如果沒有返回null. //html <div id="box" ind

JavaScript學習 - 基礎(八) - DOM 節點添加/刪除/修改/屬性值操作

nts pla 屬性 ssm style attribute The width ace html代碼:  <div id="a1"> <button id="a2" onclick="add()"&g

(3)JavaScript DOM讀寫屬性節點

獲取屬性節點：可以通過元素節點.屬性名這樣的方式來獲取和設定屬性節點的值通過元素節點的getAttributeNode 方法來獲取屬性節點然後在通過nodeValue來讀寫屬性值 <!DOCTYPE html> <html> &l

JavaScript HTML DOM節點型別之Document型別（Document物件屬性和Document物件集合屬性）

ocument物件使我們可以用JavaScript對 HTML 頁面中的所有元素進行訪問。要訪問 HTML 頁面中元素，除可以用Document物件中的方法外，還可以通過Document物件的屬性。Document物件的屬性和方法中有的可返回單個Element元素物件，有

學習筆記-JavaScript系列之DOM節點知識總結

JavaScript系列之DOM節點知識總結查詢HTML元素方式通常，通過JavaScript，操作HTML元素必須首先找到該元素。有三種方法查詢HTML元素：通過 id 找到HTML元

JavaScript DOM概述(獲取節點的方法/節點的訪問關係/節點建立新增刪除複製/屬性獲取設定刪除)

DOM 概述 document object model 文件物件模型：處理網頁內容的方法和介面 1. 什麼是DOM和節點 - document是文件物件模型的一部分。 - DOM是一個複合的資料型別。 - DOM樹：由節點（Node）組成 - HTML的組

JS DOM節點增刪改查屬性設置

contain 百度首頁 fun classname dhtml -- 使用 dom val 一.節點操作增 createElement(name)創建元素 appendChild();將元素添加刪獲得要刪除的元素獲得它的父

JavaScript中的獲取DOM節點

true rip strong asc on() var ive ins .cn 主要有：document.getElementById，getElementsByClassName，getElementsByTagName，getElementsByName 函數名寫

js教程系列33 :javascript-DOM節點屬性

相關推薦