JavaScript入门篇 _技术问答

首页免费课 JavaScript入门篇问答

JavaScript入门篇

                
                慕课官方号
            页面重构设计

                    查看讲师更多课程 
                    慕课官方号讲师的其他课程
                
帝堵抢车位动画制作
初级·36953
免费课程
                                
JavaScript进阶篇
入门·468972
免费课程
                                
                难度入门
            
                时长 1小时35分
            
                学习人数
            
综合评分9.57
                            5511人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

走走逛逛0

第21行rec()后要跟英文分号，否则点击提交后还是会要你再试试。

0 2-3 JavaScript-确认（confirm 消息对话框）

2020-03-20

慕勒6443400

调试了一会总算能正常运行了

0 2-3 JavaScript-确认（confirm 消息对话框）

2020-03-16

慕勒6443400

作业：
function openWindow(){
var str="是否打开新窗口";
var str1=confirm(str);
if(str1==1){
window.open(' http：//www.imooc.com/','_blank','windth=400,height=500,toolbar=no,menubar=no')
}
}

0 2-7 编程练习

2020-03-16

慕的地8092226

innerHTML功能上可以理解为修改功能

0 3-3 innerHTML 属性

2020-03-15

走馬勿观花

关于下面说用简略法的：

var mychar = document.getElementById('con');
mychar.style.cssText = 'color: red; background: red; width: 300px;'

这句确实没问题，但，这章讲的不是这个内容，相当于超纲了，而评判检测则以它的答案为主。

总不能1+1，人家答案规定填空题，你把“解：因为是+号，所以1+1=2”写出来吧。

0 3-4 改变 HTML 样式

2020-03-15

走馬勿观花

举例：
css：font-size
js：fontSize

css：padding-left
js：paddingLeft

css：margin-bottom
js：marginBottom

css：line-height
js：lineHeight

总之，css里用"-"连接两个单词，js只需改变第二个单词首字母为大写

0 3-4 改变 HTML 样式

2020-03-15

走馬勿观花

另外，js种设置样式的属性值，与css里有点区别。

background-color: #ccc; 在css里是正确的。

但，在js里，很多css出现横杠的属性，都要用一个单词写，也就用了驼峰命名（这里不是你命名，而是官方定义的名字就这样）
mychar.style.backgroundColor = "#ccc";

0 3-4 改变 HTML 样式

2020-03-15

走馬勿观花

注意：值数需要加引号。

编译器是慕课它本身的问题，无需纠结，多提交几次。但是，它只检测语法有无错误，你还得看看右边demo。
比如，这里，即使你的值
如 mychar.style.color = red; 它不报错，但是没效果，其实是错了。
应该：mychar.style.color = "red";

0 3-4 改变 HTML 样式

2020-03-15

走馬勿观花

注意：innerHTML区分大小写

0 3-3 innerHTML 属性

2020-03-15

走馬勿观花

额，下面的注释：
write(con) //输出[object HTMLDivElement]
我用的是div测试，不是p。不影响理解

0 3-2 通过ID获取元素

2020-03-15

走馬勿观花

注意点，不要去看document，要看 getElementById();和 write();

有引号:
getElementById('con') //获取ID为con的元素
write('con') //输出内容就是 con（这个不是元素的id，而是文本来的，相当于“你好，嗨”等字符）

无引号：
getElementById(con) //语法错误，必须加引号，否则无法执行
write(con) //输出[object HTMLDivElement]，没引号，它相当于直接输出id为con的元素节点，

1 3-2 通过ID获取元素

2020-03-15

走馬勿观花

综上：
第一种操作获取：document.getElementById("id").innerHTML;
第二种操作输出：document.write(id.innerHTML);
这两种输出结果相同。操作不同而已。

2 3-2 通过ID获取元素

2020-03-15

走馬勿观花

关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种无需改变获取语句，只需改变输出语句（mychar 改→ con.innerHTML）：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write(con.innerHTML);
</script>

输出结果：
JavaScript
JavaScript

0 3-2 通过ID获取元素

2020-03-15

走馬勿观花

关于本篇的一些个人理解
④如果想要输出结果为文本内容“JavaScript”如何编写？
第一种获取元素语句后面加 .innerHTML 来获取文本：
<p id="con">JavaScript</p>
<script type="text/javascript">
var mychar=document.getElementById("con").innerHTML;
document.write(mychar);
</script>

输出结果：
JavaScript
JavaScript

0 3-2 通过ID获取元素

2020-03-15

走馬勿观花

关于本篇的一些个人理解
③为何这里输出的不是文本内容“JavaScript”？
前面说了，document.getElementById('id');获取的就是id名为''的一个元素，也就是选取元素节点用的，所以这里，获取到的是，p元素，输出也是p元素。至于里面的“JavaScript”是文本节点，需要改变一下语句来获取：
document.getElementById('id').innerHTML;
这个才是获取元元素里面文本内容（文本节点）的语句，而且有两种办法，在第④点说明

0 3-2 通过ID获取元素

2020-03-15

首页上一页 12 13 14 15 16 17 18 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

JavaScript入门篇