JavaScript入門篇-第3章你也有控制權（DOM操做）

時間 2019-11-17

標籤 javascript 入門控制權 dom 欄目 JavaScript 简体版

原文原文鏈接

3.1 認識DOM html

文檔對象模型DOM（Document Object Model）定義訪問和處理HTML文檔的標準方法。DOM 將HTML文檔呈現爲帶有元素、屬性和文本的樹結構（節點樹）。htm

先來看看下面代碼:對象

將HTML代碼分解爲DOM節點層次圖:blog

HTML文檔能夠說由節點構成的集合，三種常見的DOM節點:
1. 元素節點：上圖中<html>、<body>、<p>等都是元素節點，即標籤。
2. 文本節點:向用戶展現的內容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 屬性節點:元素屬性，如<a>標籤的連接屬性href="http://www.imooc.com"。ip

看下面代碼:文檔

<a href="http://www.imooc.com">JavaScript DOM</a>

3.2 經過ID獲取元素get

學過HTML/CSS樣式，都知道，網頁由標籤將信息組織起來，而標籤的id屬性值是惟一的，就像是每人有一個身份證號同樣，只要經過身份證號就能夠找到相對應的人。那麼在網頁中，咱們經過id先找到標籤，而後進行操做。class

語法:object

document.getElementById(「id」)

看看下面代碼:語法

結果:null或[object HTMLParagraphElement]

注:獲取的元素是一個對象，如想對元素進行操做，咱們要經過它的屬性或方法。

3.3 innerHTML 屬性

1. 第3章 jQuery中的DOM操做
2. Visual LISP 第4章有關Visual LISP的基本操做(3)控制檯操做
3. JavaScript操做Dom
4. JavaScript Dom 操做
5. JavaScript操做DOM
6. JavaScript-DOM操做
7. JQuery控制頁面及操做DOM
8. javascript入門篇
9. javascript-DOM操做-留言板製做
10. 【入門篇】Elasticsearch、Kibana權限控制
更多相關文章...
• Rust 所有權 - RUST 教程
• Memcached入門教程 - NoSQL教程
• 再有人問你分佈式事務，把這篇扔給他
• YAML 入門教程

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

JavaScript入門篇-第3章 你也有控制權（DOM操做）

JavaScript入門篇-第3章你也有控制權（DOM操做）