您的位置：首页 > Web前端 > JavaScript

js 调用 DOM js练习入门

2015-06-14 12:30 489 查看

<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 onchange="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>

JavaScript 对象

JS Array
JS Boolean
JS Date
JS Math
JS Number
JS String
JS RegExp
JS Functions
JS Events

Browser 对象

Window
Navigator
Screen
History
Location

HTML DOM 对象

DOM Document
DOM Element
DOM Attribute
DOM Event

HTML 对象

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航