慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

Newtion

通过ID获取元素 document.getElementById("id");

查看全部

0 采集收起来源：通过ID获取元素
2018-03-22
Newtion

DOM是一种将HTML文档呈现为带有元素，属性和文本的树结构 => 节点树

查看全部

0 采集收起来源：认识DOM
2018-03-22
土豆马铃薯

任务一、定义"改变颜色"的函数提示: obj.style.color obj.style.backgroundColor 二、定义"改变宽高"的函数提示: obj.style.width obj.style.height 三、定义"隐藏内容"的函数提示: obj.style.display="none"; 四、定义"显示内容"的函数提示: obj.style.display="block"; 五、定义"取消设置"的函数提示: 使用confirm()确定框，来确认是否取消设置。如是将以上所有的设置恢复原始值,否则不做操作。六、当点击相应按钮，执行相应操作，为按钮添加相应事件

查看全部

0 采集收起来源：编程挑战
2018-03-22
ylm714

removeAttribute("style")；取消设置高宽不要忘记px；单双引号注意

查看全部

0 采集收起来源：编程挑战
2018-03-22
ylm714

控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观

查看全部

0 采集收起来源：控制类名（className 属性）
2015-03-23
Mr_Rambo

...

查看全部

0 采集收起来源：编程挑战
2015-03-23
ylm714

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。 Object.style.display = value（none或block）

查看全部

0 采集收起来源：显示和隐藏（display属性）
2015-03-23
土豆马铃薯

控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码，获得 <p> 元素的 class 属性和改变className：结果: 控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码，获得 <p> 元素的 class 属性和改变className：结果: 控制类名（className 属性） className 属性设置或返回元素的class 属性。语法： object.className = classname 作用: 1.获取元素的class 属性 2. 为网页内的某个元素指定一个css样式来更改该元素的外观看看下面代码，获得 <p> 元素的 class 属性和改变className：结果:

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
土豆马铃薯

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 value取值:

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
来这干嘛

 <input type="button" value="改变颜色" onclick="set.changeColor()"> <input type="button" value="改变宽高" onclick="set.changeSize()"> <input type="button" value="隐藏内容" onclick="set.objHide()"> <input type="button" value="显示内容" onclick="set.objShow()"> <input type="button" value="取消设置" onclick="set.offSet()"> </form> <script type="text/javascript"> var txt=document.getElementById("txt"); var set={ changeColor:function(){ txt.style.color="red"; txt.style.backgroundColor="#ccc"; }, changeSize:function(){ txt.style.width="300px"; txt.style.height="300px"; }, objHide:function(){ txt.style.display="none"; }, objShow:function(){ txt.style.display="block"; }, offSet:function(){ var message=confirm("你确定要重置所有设置么？"); if(message==true){ txt.removeAttribute('style'); } }

查看全部

0 采集收起来源：编程挑战
2018-03-22
土豆马铃薯

显示和隐藏（display属性）网页中经常会看到显示和隐藏的效果，可通过display属性来设置。语法： Object.style.display = value 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 value取值:

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
Mr_Rambo

应该没错吧？

查看全部

1 采集收起来源：编程练习
2015-03-24
土豆马铃薯

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。看看下面的代码: 改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝： <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script> 结果:

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
ylm714

HTML DOM 允许 JavaScript 改变 HTML 元素的样式：语法：Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。 property指height，color等一些属性。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
土豆马铃薯

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。看看下面的代码: 改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝： <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script> 结果:

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22

首页上一页 3676 3677 3678 3679 3680 3681 3682 下一页尾页

0/150

提交

取消

开始学习

课程须知: 该课程是针对新手的一个简单基础的课程，让您快速了解JS，通过一些简单的代码编写体会JS。如果您已经对JS有所了解，可以跳过本课程，学习JS进阶课程，进一步学习JS相应的基础知识。学习本课程，希望您至少具备HTML/CSS基础知识，认识常用的标签。

老师告诉你能学到什么？: 1. 理解JavaScript基础语法； 2. 掌握常用语句的使用方法； 3. 学会如何获取DOM元素及进行简单操作。