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’)