學過HTML/CSS樣式，都知道，網頁由標簽將信息組織起來，而標簽的id屬性值是唯一的，就像是每人有一個身份證號一樣，只要通過身份證號就可以找到相對應的人。那么在網頁中，我們通過id先找到標簽，然后進行操作。
**語法:**
~~~
document.getElementById(“id”)
~~~
**看看下面代碼:**
**[](http://img.mukewang.com/52e4c5950001054207900423.jpg)**
**結果:null****或\[****object HTMLParagraphElement\]**
**[](http://img.mukewang.com/52e4c6080001734c03800275.jpg)**
**注:獲取的元素是一個對象，如想對元素進行操作，我們要通過它的屬性或方法。**
### 任務
在右邊編輯器中，補充第10行代碼，通過document.getElementById獲取id為con的p標簽。
第11行為輸出獲取的元素，看看結果是什么。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar= document.getElementById("con");
document.write("結果:"+mychar); //輸出獲取的P標簽。
</script>
</body>
</html>
```
- 1-7JavaScript-什么是變量
- 1-9JavaScript-什么是函數
- 2-2JavaScript-警告（alert 消息對話框）
- 2-3JavaScript-確認（confirm 消息對話框）
- 24JavaScript-提問（prompt 消息對話框）
- 2-5JavaScript-打開新窗口（window.open）
- 2-6JavaScript-關閉窗口（window.close）
- 2-7編程練習
- 3-1認識DOM
- 3-2通過ID獲取元素
- 3-3innerHTML 屬性
- 3-4改變 HTML 樣式
- 3-5顯示和隱藏（display屬性）
- 3-6控制類名（className 屬性）
- 4-1編程挑戰