span是行內元素；div是塊級元素；他們都是容器！
標籤被用來組合文檔中的行內元素。
span 沒有固定的格式表現。當對它應用樣式時，它纔會產生視覺上的變化。
在CSS定義中屬於一個行內元素,在行內定義一個區域，也就是一行內可以被 劃分成好幾個區域，從而實現某種特定效果。 本身沒有任何屬性。
document.getElementById()
使用document.getElementById()可以取到頁面上一個有id的元素
然後訪問這個元素的屬性，比如value
當一個元素有value屬性的時候，其value纔會有值
例1
這樣一個元素，當你使用document.getElementById(“txt1”).value時，可以得到其value值，即”hello”這個字符串。
如果一個元素沒有value值，那麼使用document.getElementById().value時是取不到。這是理所當然的，沒有的東西怎麼訪問？
比如一個div標記，就不一定有value值。
innerHTML
這個是指元素中的內容
例2
document.getElementById().innerHTML
一個元素有起始標記和結束標記如
當你使用document.getElementById(“lb1”).innerHTML可以取到之間的內容，即“this is a label”。
<html>
<body>
<h2>在 JavaScript 中創建 JSON 對象</h2>
<p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p>
<script type="text/javascript">
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone//將jsonobject的值賦給id=jphone。
</script>
</body>
</html>JOSN
eval(),將返回的json字符串轉換爲一個json對象
eval是把字符串作爲代碼執行
比如
var a=”alert(‘1’);”;
那麼eval(a);的效果和
alert(‘1’);
一樣。
如果t=”a=’123’”;
那麼eval(‘(‘+t+’)’);就是執行
(a=’123’)
