为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 区别getElementByID,getElementsByName,getElementsByTagName 以人来举例说明,人有能标识身份的身份证,有姓名,有类别(大人、小孩、老人)等。 1. ID 是一个人的身份证号码,是唯一的。所以通过getElementById获取的是指定的一个人。 2. Name 是他的名字,可以重复。所以通过getElementsByName获取名字相同的人集合。 3. TagName可看似某类,getElementsByTagName获取相同类的人集合。如获取小孩这类人,getElementsByTagName("小孩")。 把上面的例子转换到HTML中,如下: <input type="checkbox" name="hobby" id="hobby1"> 音乐 input标签就像人的类别。 name属性就像人的姓名。 id属性就像人的身份证。
    查看全部
  • getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: document.getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。
    查看全部
  • 只有父结点才能调用 replaceChild(newnode,oldnode).这个方法。 所以oldnode.parentNode.replaceChild(newnode,oldnode)。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。
    查看全部
  • 1.del.innerHTML="<a href='javascript:; onClick='del(this)'>";是可以插入的,只是双引号里的是单引号不要忘记 2.del(this)表示处理当前对象 3.删除的a也是一个对象所以获取完整行,需要3个panrentNode 4.prompt把输入的字符串当做函数返回值,所以obj.innerHTML=prompt(str)很重要
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 注意object.appendChild(newcode);再此之前要在想要增加标签的地方创建一个标签document.createElement("标签名")
    查看全部
  • get
    查看全部
    0 采集 收起 来源:返回星期方法

    2017-08-11

  • case 后面是“:” 不是“;”
    查看全部
    0 采集 收起 来源:编程练习

    2017-08-11

  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获得星期</title> <script type="text/javascript"> var mydate=new Date(); var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]; document.write("今天是:" +weekday[mydate.getDay()] ); </script> </head> <body> </body> </html>
    查看全部
    0 采集 收起 来源:返回星期方法

    2018-03-22

  • <title> 事件</title> <script type="text/javascript"> function count(){ var a = ''; //获取第一个输入框的值 var txt1 = parseInt(document.getElementById("txt1").value); //获取第二个输入框的值 var txt2 = parseInt(document.getElementById("txt2").value); //获取选择框的值 var select = document.getElementById("select").value; switch(select){ case "+": a = txt1 + txt2; break; case "-": a = txt1 - txt2; break; case "*": a = txt1 * txt2; break; case "/": a = txt1 / txt2; } //设置结果输入框的值 document.getElementById("fruit").value = a; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <input type='text' id='fruit' /> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 以下是方法解释; getElementById() 方法返回带有指定 ID 的元素:【返回元素】 getElementsByTagName() 返回带有指定标签名的所有元素。【返回元素集合,即数组】 getElementsByClassName() 方法 如果您希望查找带有相同类名的所有 HTML 元素,请使用这个方法:【返回元素集合,即数组】 方法名写错了,应该是: 1 var bg1=document.getElementsByClassName("bg")[0] 这样就可以正常取到页面中你想要的元素了。(getElement s ByClassName)掉了个s 2.是混淆了标签中Id 跟class两个属性的概念,id是当前页面中标签的唯一标识符,也就是id名是不能重复的,所以使用 1 documen.getElementById("ID") 只会取到一个标签,而class在当前页面是可以重复的,所以使用上述方法: 1 document.getElementsByClassName("bg")[0] 时,实际返回的是一个对象数组,拥有相同class属性值的所有元素都在里面,这时应该在后面加上 “[数字]”利用索引来访问数组元素。 以上!
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html;" /> <title>系好安全带,准备启航</title> <!--引入外部文件的方式--> <script type="text/javascript"> //多行注释 /*我是多行注释! 我需要隐藏, 否则会报错哦!*/ document.write("系好安全带,准备启航--目标JS:"); //在页面中显示文字 function ab (){ document.write("准备好了,起航吧!"); var a = confirm("确认起飞?"); if(a){ alert("飞啊飞啊我的骄傲放纵"); }else console.log("飞你麻痹") ; } //页面中弹出提示框 //单行注释 //我是单行注释,我也要隐藏起来! </script> </head> <body> <input type="button" value="起飞" onclick="ab()"/> </body> </html> [ 收起全文 ]
    查看全部
    0 采集 收起 来源:什么是变量

    2018-03-22

  • 不可以将i<l.length作为判断条件 因为在删除节点的同时 length也慢慢地减少。 如果要将i<l.length作为判断条件,后面加个i--。
    查看全部
  • 函数的调用及返回的函数变量要弄明白
    查看全部
    0 采集 收起 来源:访问兄弟节点

    2017-08-11

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!