慕课网

精品课程 JavaScript入门篇

JavaScript入门篇

最热最新

慕先生3587045

innerHTML用来获取或者修改html中的内容 object.innerHTML="";//修改后的内容 var mynum=document.getElementById(""); document.write(mychar.innerHTML);

查看全部

0 采集收起来源：innerHTML 属性
2018-03-22
慕先生3587045

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 HTML文档可以说由节点构成的集合，三种常见的DOM节点: 1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。 2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。 3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。 <a(元素节点) href="http://www.imooc.com"（属性节点）>script type=text/javascript（文本节点）</a>

查看全部

0 采集收起来源：认识DOM
2018-03-22
hentai_w_w

接上利用选择器的权值进行计算比较，示例如下： <!DOCTYPE HTML> <html> <html> <head> <style type="text/css"> #redP p { /* 权值 = 100+1=101 */ color:#F00; /* 红色 */ } #redP .red em { /* 权值 = 100+10+1=111 */ color:#00F; /* 蓝色 */ } #redP p span em { /* 权值 = 100+1+1+1=103 */ color:#FF0;/*黄色*/ } </style> </head> <body> <div id="redP"> <p class="red">red<span><em>em red</em></span> </p> <p>red</p> </div> </body> </html> 结果:em为蓝色。

查看全部

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

CSS优先级多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）External style sheet <（内部样式）Internal style sheet <（内联样式）Inline style 有个例外的情况，就是如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。 <head> <style type="text/css"> /* 内部样式 */ h3{color:green;} </style>  <link rel="stylesheet" type="text/css" href="style.css"/>  </head> <body> <h3>测试！</h3> </body> 结果为: 蓝色选择器的优先权解释： 1. 内联样式表的权值最高 1000； 2. ID 选择器的权值为 100 3. Class 类选择器的权值为 10 4. HTML 标签选择器的权值为 1

查看全部

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

JS中如何输出空格在写JS代码的时候，大家可以会发现这样现象: document.write(" 1 2 3 "); 结果: 1 2 3 无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。解决方法: 1. 使用输出html标签 来解决 document.write("  "+"1"+"    "+"23"); 结果: 1 23 2. 使用CSS样式来解决 document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 结果: 1 2 3 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

查看全部

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

document.getElementById(""); document.getElementsByTagName(""); 注意：是 Elements 复数

查看全部

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

去除元素的样式： document.getElementById("txt").removeAttribute("style");

查看全部

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

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

查看全部

0 采集收起来源：控制类名（className 属性）
2015-05-12
Lisa33

显示和隐藏（display属性） object.style.display = "none";隐藏 object.style.display = "block";显示

查看全部

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

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

查看全部

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

改变 HTML 样式 HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法: Object.style.property=new style; 注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）: background-color, height, width, color, font, font-family, font-size,....... 注意:该表只是一小部分CSS样式属性，其它样式也可以通过该方法设置和修改。

查看全部

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

经过JS的重新赋值，可以改变原HTML中标签的文本，修改方式就是object.innerHTML="新值"

查看全部

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

innerHTML 属性 innerHTML 属性用于获取或替换 HTML 元素的内容。语法: Object.innerHTML 注意: 1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。 2.注意书写，innerHTML区分大小写。注意：替换后原来的元素显示也改变了！！！

查看全部

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

document.getElementById('con') 获取的只是P标签，返回的是[object HTMLParagraphElement]，document.getElementById('con').innerHTML 获取的才是P标签里的内容，返回的是JavaScript

查看全部

0 采集收起来源：通过ID获取元素
2015-05-12
Lisa33

通过ID获取元素学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。语法: document.getElementById(“id”)

查看全部

0 采集收起来源：通过ID获取元素
2015-05-12

首页上一页 3530 3531 3532 3533 3534 3535 3536 下一页尾页

0/150

提交

取消

开始学习

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

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