HTML DOM學習之二

2022-05-05 01:21:07 字數 1413 閱讀 6255

1.html dom屬性:

**innerhtml屬性-獲取元素內容的最簡單方法是使用innerhtml屬性,innerhtml屬性對於獲取或替換html元素的內容很有用

hello world!

2.nodename屬性規定節點的名稱:

**nodename是唯讀的;

**元素節點的nodename與標籤名相同;

**屬性節點的nodename與屬性名相同;

**文字節點的nodename始終是#text

**文件節點的nodename始終是#document

3.nodevalue屬性:

**元素節點的nodevalue是undefine或null;

**文字節點的nodevalue是文字本身;

**屬性節點的nodevalue是屬性值;

hello world!

4.訪問html元素(節點):

**通過使用getelementbyid()方法:返回帶有指定id的元素

document.getelementbyid("intro");

語法:node.getelementbyid("id");

**通過使用getelementsbytagname()方法:返回帶有指定標籤名的所有元素

document.getelementbytagname("p");

document.getelementbyid("main").getelemetstbytagname("p");

語法:node.getelementsbytagname("tagname");

**通過使用getelementbyclassname()方法:返回帶有相同類名的所有html元素

5.html dom 修改:改變html內容,改變css樣式,改變html屬性,建立新的html元素,刪除已有的html元素,改變事件(處理程式)

**建立html內容:改變元素內容最簡單的方法就是使用innerhtml屬性

hello world!

**改變html樣式:通過html dom,能夠訪問html元素的樣式物件;

hello world!

**建立新的html元素:必須首先建立該元素(元素節點),然後把它追加到已有元素上

this is a paragraph.

this is another paragraph

6.修改html內容:改變元素內容的最簡單的方法就是使用innerhtml屬性;

hello world!

7.改變html樣式:通過html dom,能夠訪問html物件的樣式物件;

hello world!

8.使用事件:html dom允許您在事件發生時執行**;當html元素「有事件發生」時,瀏覽器就會生成事件:

**在元素上點選

**載入頁面

**改變輸入字段

HTML DOM學習筆記(二) DOM常用方法

方法是在html元素上執行的動作 該方法方法返回帶有指定id的元素。比如說,獲取id a 的元素 document.getelementbyid a 該方法方法返回帶有指定標籤名稱的所有元素的節點列表 集合 節點陣列 比如說,想要獲取到文件中所有元素的列表 document.getelementby...

ucos 學習之二

os initmisc void os ext volatile int32u ostime 使用volatile的關鍵字,是為了 volatile的作用 作為指令 關鍵字,確保本條指令不會因 編譯器的優化而省略,且要求每次直接讀值.簡單地說就是防止 編譯器對 進行優化.比如如下程式 xbyte 2...

PHP學習之二

mysql 資料庫函式庫 本函式庫共有 32 個函式 先看一下下面幾個 mysql close 關閉 mysql 伺服器連線。mysql connect 開啟 mysql 伺服器連線。mysql error 返回錯誤資訊。mysql query 送出乙個 query 字串。mysql select ...