javascript下的DOM命令:css,href,arc

来源:互联网 发布:淘宝大学商学院杭州 编辑:程序博客网 时间:2024/06/08 13:23

<!DOCTYPE  HTML>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet"  type="text/css"  href="style.css">

<style>

.mo{

background:red;

width:500px;

height:500px;

}

</style>

</head>

<body>

<div id="mo">hello</div>                                                                                         //DOM命令下控制css;

<img src="dog.jpg" id="pid">                                                                                //DOM命令下控制图片,网址;

<a href="http://www.baidu.com"  id="pid">百度</a>

<button  onclick="demo()">按钮</button>

<script>

function demo(){

document.getElementById("mo").style.background="blue";            //DOM命令下控制css;

document.getElementById("pid").src="cat,jpg";     //DOM命令下控制图片,网址;

document.getElementById("pid").href="http://www.jike.com";

}

</script>

</body>

</html>

0 0
原创粉丝点击