慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

奔跑的小猪00

相当于更换主题皮肤的这样一个功能: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>className属性</title> <style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:blue; } </style> </head> <body> <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="添加样式" onclick="add()"/> <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="更改外观" onclick="modify()"/> <script type="text/javascript"> function add(){ var p1 = document.getElementById("p1"); p1.className="one"; } function modify(){ var p2 = document.getElementById("p2"); p2.className="two"; } </script> </body> </html>

查看全部

0 采集收起来源：控制类名（className 属性）
2018-03-22
奔跑的小猪00

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

查看全部

0 采集收起来源：控制类名（className 属性）
2016-05-31
奔跑的小猪00

注意：value要加双引号才有效。

查看全部

1 采集收起来源：显示和隐藏（display属性）
2016-05-31
奔跑的小猪00

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

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
奔跑的小猪00

改变 <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
紫洁

<p id="con">Hello world.</p> var mycon = document.getElementById("con")获取的是<p>元素 mycon.innerHTML获取的是“Hello world” 同样可以给其赋值mycon.innerHTML = "lalallala"

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
pirates5

txt.removeAttribute("style"); obj.removeAttribute("style");取消样式

查看全部

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

//定义"改变颜色"的函数<br> function change_color(){<br> var txt=document.getElementById('txt');<br> txt.style.color="red";<br> txt.style.backgroundColor="gray";<br> }<br> <br> //定义"改变宽高"的函数<br> function change_wid_hei(){<br> var txt=document.getElementById('txt');<br> txt.style.width="600px";<br> txt.style.height="150px";<br> }<br> <br> function dis_none(){<br> var txt=document.getElementById('txt');<br> txt.style.display="none";<br> }<br> <br> //定义"显示内容"的函数<br> function dis_blok(){<br> //定义"取消设置"的函数<br> function no_set(){<br> var txt=document.getElementById('txt');<br> var con=confirm("是否取消设置：");<br> if(con==true){<br> txt.style.color="#000";<br> txt.style.height="400px";<br> txt.style.width="600px";<br> txt.style.backgroundColor="#fff";<br> txt.style.display="block";<br> }<br> }

查看全部

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

<script type="text/javascript"> //定义"改变颜色"的函数 var getId=document.getElementById("txt"); function changeColor(){ getId.style.color="red"; } //定义"改变宽高"的函数 function changeSize(){ getId.style.width="300px"; getId.style.height="500px"; } //定义"隐藏内容"的函数 function txtHidden(){ getId.style.display="none"; } //定义"显示内容"的函数 function txtShow(){ getId.style.display="block"; } //定义"取消设置"的函数 function cancelSet(){ var myConfirm=confirm("确定要取消设置吗？") if(myConfirm){ getId.removeAttribute("style"); } } </script>

查看全部

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

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

查看全部

0 采集收起来源：控制类名（className 属性）
2016-05-31
pirates5

function hidetext() { var mychar = document.getElementById("con"); mychar.style.display="none"; } function showtext() { var mychar = document.getElementById("con"); mychar.style.display="block"; }

查看全部

0 采集收起来源：显示和隐藏（display属性）
2018-03-22
_陈加南等于JC

obj.style下有许多属性，包括color（改变字体颜色）,backgroundColor（改变背景颜色）,width（改变宽度）,height（改变高度）,display（隐藏与显示）另外，还可以用obj.removeAttribute("style")来还原被修改的属性

查看全部

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

语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）:

查看全部

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

左侧代码输出的是null，原因是html是按顺序执行的，document.getElementById();放在前面，执行的时候还没定义id为con的元素，所以输出是null。要想输出标签内的内容，需要写为：document.getElementById().innerHTNL;

查看全部

0 采集收起来源：通过ID获取元素
2016-05-31
_陈加南等于JC

obj.className = new className 方法可以获取获得Id的class属性的名字，并进行类名的修改，从而修改CSS样式

查看全部

0 采集收起来源：控制类名（className 属性）
2016-06-01

首页上一页 2162 2163 2164 2165 2166 2167 2168 下一页尾页

0/150

提交

取消

开始学习

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

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