慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

爱学习的乖宝宝

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。注意:该表只是一小部分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> 例如：现在我们来改变下HTML中元素的CSS样式: 1. 在右边编辑器中，第12行补充代码，修改h2标签的样式，将颜色设为红色。 2. 在右边编辑器中，第13行补充代码，修改h2标签的样式，将背景颜色设为灰色(#CCC)。 3. 在右边编辑器中，第14行补充代码，修改h2标签的样式，将宽设为300px。

查看全部

0 采集收起来源：改变 HTML 样式
2018-03-22
爱学习的乖宝宝

innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML=""; 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。我们通过id="con"获取<p> 元素，并将元素的内容输出和改变元素内容

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
慕后端6086325

Object.innerHTML innerHTML 属性用于获取或替换 HTML 元素的内容。 <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello world"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>

查看全部

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

innerHTML 属性用于获取或替换 HTML 元素的内容对象名.innerHTML(区分大小写)

查看全部

0 采集收起来源：innerHTML 属性
2017-03-21
爱学习的乖宝宝

通过ID获取元素标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”)

查看全部

0 采集收起来源：通过ID获取元素
2017-03-21
慕后端6086325

document.getElementById(“id”) 例如：var mychar=document.getElementById("con"); document.write("结果:"+mychar.innerHTML); //输出获取的P标签。 //在最后输出时用的函数中若不加innerHTML则会出现提示中说明的null或［object HTMLParagraphElement］只获取到p标签，但当加了inner才会获取到p里面的内容，这就是函数inner的用途。

查看全部

1 采集收起来源：通过ID获取元素
2018-03-22
看戏痴癫

object.className=classname（变成你想要类名的样式）获取元素的class属性为某个元素指定一个css样式来更改该元素的外观

查看全部

0 采集收起来源：控制类名（className 属性）
2017-03-21
Shawn_Hong

className

查看全部

0 采集收起来源：控制类名（className 属性）
2017-03-21
看戏痴癫

Object.style.dispay=value Object是获取的元素对象 value：none、block

查看全部

0 采集收起来源：显示和隐藏（display属性）
2017-03-21
Jammy_23

直接输出获取的对象，结果为null或[object HTMLParagraphElement]

查看全部

0 采集收起来源：通过ID获取元素
2017-03-21
用户1167252

document.getElementById(“id”) 获取到的是整个对象用document.getELementById().innerHTML;才可以获取到其中的内容

查看全部

0 采集收起来源：通过ID获取元素
2017-03-21
小羊3727993

<script type="text/javascript"> var mystr="我是"; var mychar="JavaScript"; document.write(mychar+"<br>") document.write(mystr+mychar+"的忠实粉丝！") </script>

查看全部

0 采集收起来源：JavaScript-输出内容（document.write）
2018-03-22
看戏痴癫

改变HTML样式： Object.style.property=new style; Object是获取的元素对象，property是基本属性表如：var mychar=document.getElementById("p"); mychar.style.color="red";

查看全部

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

样式全部取消 removeAttribute("style")

查看全部

0 采集收起来源：编程挑战
2018-03-22
看戏痴癫

document.getElementById("id") 获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法 Object.innerHTML就是获取和改变元素内容的 Object指的的是对象

查看全部

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

首页上一页 1166 1167 1168 1169 1170 1171 1172 下一页尾页

0/150

提交

取消

开始学习

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

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