<html>
<head></head>
<body>
<!--
<style>
/* relative 测试 */
.sub_1{ background-color:#000000; width:100px; height:100px; }
.sub_2{ background-color:#FF9999; width:100px; height:100px; }
#sub1{ float:left; position: relative; padding: 5px; top: 15px; left: 15px;}
#sub2{ float:left; position: relative; padding: 5px; top: 15px; left: 15px;}
</style>
<div id="parent">
<div id="sub1" class="sub_1" >sub1</div>
<div id="sub2" class="sub_2">sub2</div>
</div>
-->
<style>
/* relative 测试 */
/*
.sub_10{ background-color:#000000; width:100px; height:100px; }
.sub_20{ background-color:#FF9999; width:100px; height:100px; }
#sub10{ float:left; position: absolute; padding: 5px; top: 15px; }
#sub20{ float:left; position: absolute; padding: 5px; top: 15px; left: 150px; }
*/
</style>
<div id="parent0">
<div id="sub10" class="sub_10" >sub1</div>
<div id="sub20" class="sub_20">sub2</div>
</div>
<script>
document.getElementById("wk").style.color="#CCFF00";
</script>
<a href="" ></a>
<span id='wk'> 我是王坤</span>
<div id="div1">
<ul>
<li>some text</li>
<li>some text</li>
<li>some text</li>
</ul>
</div>
<select οnchange="document.getElementById('div1').style.color =this.value">
<option value="#ffffff">白色</option>
<option value="#ff0000">红色</option>
<option value="#00ff00">绿色</option>
<option value="#0000ff">蓝色</option>
<option value="#000000">黑色</option>
</select>
<script type="text/javascript">
document.getElementById("image").src="landscape.jpg";
<a href="javascript:void(0);" onClick="方法"></a>
</script>
</body>
</html>