展开全部
我先简写一个HTML文件:
<body>
<div id="div1"></div>
</body>
有了这个文件,我们就开始写Javascript了。
Javascript必须写在<script>内部(我是说写在HTML文件之中时),就像CSS要写在<style>内部一样。
首先。我们要知道自己要干什么。比如说,我要让那个DIV的宽度变为100像素,高度也变成100像素,背景变成红的。我们要这样写:
<body>
<div id="div1"></div>
<script>
document.getElementById('div1').style.width='100px';
document.getElementById('div1').style.height='100px';
document.getElementById('div1').style.background='red';
</script>
</body>
这样就写好了。
document.getElementById('div1')意思是说在文档中选出id为div1的那个元素
document.getElementById('div1').style.width='100px';它的完整意思可以这么理解:
在文档中选出id为div1的那个元素,让这个元素的样式(style)的宽(width)变为100px;
以下两句类似。
这是JS中最简单的编程思路了。
不知道这么说,是不是回答了你的提问!!!
<body>
<div id="div1"></div>
</body>
有了这个文件,我们就开始写Javascript了。
Javascript必须写在<script>内部(我是说写在HTML文件之中时),就像CSS要写在<style>内部一样。
首先。我们要知道自己要干什么。比如说,我要让那个DIV的宽度变为100像素,高度也变成100像素,背景变成红的。我们要这样写:
<body>
<div id="div1"></div>
<script>
document.getElementById('div1').style.width='100px';
document.getElementById('div1').style.height='100px';
document.getElementById('div1').style.background='red';
</script>
</body>
这样就写好了。
document.getElementById('div1')意思是说在文档中选出id为div1的那个元素
document.getElementById('div1').style.width='100px';它的完整意思可以这么理解:
在文档中选出id为div1的那个元素,让这个元素的样式(style)的宽(width)变为100px;
以下两句类似。
这是JS中最简单的编程思路了。
不知道这么说,是不是回答了你的提问!!!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询