慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

IntensoLucas

创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。我们来创建一个按钮，代码如下： <script type="text/javascript"> var body = document.body; var input = document.createElement("input"); input.type = "button"; input.value = "创建一个按钮"; body.appendChild(input); </script> 效果：在HTML文档中，创建一个按钮。我们也可以使用setAttribute来设置属性，代码如下： <script type="text/javascript"> var body= document.body; var btn = document.createElement("input"); btn.setAttribute("type", "text"); btn.setAttribute("name", "q"); btn.setAttribute("value", "使用setAttribute"); btn.setAttribute("onclick", "javascript:alert('This is a text!');"); body.appendChild(btn); </script> 效果：在HTML文档中，创建一个文本框，使用setAttribute设置属性值。当点击这个文本框时，会弹出对话框“This is a text!”。

查看全部

0 采集收起来源：创建元素节点createElement
2018-03-22
IntensoLucas

替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。语法： node.replaceChild (newnode,oldnew ) 参数： newnode : 必需，用于替换 oldnew 的对象。 oldnew : 必需，被 newnode 替换的对象。我们来看看下面的代码: 效果: 将文档中的 Java 改为 JavaScript。注意: 1. 当 oldnode 被替换时，所有与之相关的属性内容都将被移除。 2. newnode 必须先被建立。

查看全部

0 采集收起来源：替换元素节点replaceChild()
2017-09-02
IntensoLucas

删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法: nodeObject.removeChild(node) 参数: node ：必需，指定需要删除的节点。我们来看看下面代码，删除子点。运行结果: HTML 删除节点的内容: javascript 注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。如果要完全删除对象，给 x 赋 null 值，代码如下:

查看全部

0 采集收起来源：删除节点removeChild()
2017-09-02
IntensoLucas

插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此节点前插入节点。我们在来看看下面代码，在指定节点前插入节点。运行结果: This is a new p JavaScript HTML 注意: otest.insertBefore(newnode,node); 也可以改为: otest.insertBefore(newnode,otest.childNodes[0]); 任务试一试，在script 标签内补充代码，实现创建一个新li标签，内容为"php",并将新创建的li插入到内容为HTML的标签前。 ?不会了怎么办 <body> <ul id="test"><li>JavaScript</li><li>HTML</li></ul> <script type="text/javascript"> var otest = document.getElementById("test"); var newnode = document.createElement("li"); newnode.innerHTML = "PHP" ; otest.insertBefore(newnode,otest.childNodes[1]); </script> </body>

查看全部

0 采集收起来源：插入节点insertBefore()
2018-03-22
IntensoLucas

插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。语法: appendChild(newnode) 参数: newnode：指定追加的节点。我们来看看，div标签内创建一个新的 P 标签，代码如下: 运行结果: HTML JavaScript This is a new p

查看全部

0 采集收起来源：插入节点appendChild()
2017-09-02
维生素AD

var u_agent = navigator.usrAgent;获取用户浏览器代理商 u_agent.indexOf("firefox")>-1判断是否为真，若为真表示firefox存在于u_agent字符串中，表示浏览器为firefox

查看全部

0 采集收起来源：userAgent
2018-03-22
lxh7

不知道为什么添加和删除代码都不起作用

查看全部

0 采集收起来源：编程练习
2017-09-02
慕粉1315077333

break是跳出整个循环结构，而continue是跳出本次循环，继续执行下面的循环结构。

查看全部

0 采集收起来源：继续循环continue
2017-09-02
慕粉1315077333

continue的作用是仅仅跳过本次循环，而整个循环体继续执行。

查看全部

0 采集收起来源：继续循环continue
2017-09-02
慕粉1315077333

do...while 循环体至少被执行一次是先执行代码，后判断条件，如果条件为真，继续循环

查看全部

0 采集收起来源：来来回回(Do...while循环)
2017-09-02
慕婉清5508864

创建数组时，可以为数组指定长度，长度可任意指定var myarray=new Array(9); 注：1、创建的新数组是空数组，没有值，如输出，则显示undefined 2、虽然创建数组时，指定了长度，但实际上数组都变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外

查看全部

0 采集收起来源：组团，并给团取个名（如何创建数组）
2017-09-02
安然时光

访问子节点childNodes 访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。语法： elementNode.childNodes 注意：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。 UL子节点个数:3 节点类型:1 其它浏览器: UL子节点个数:7 节点类型:3 注意: 1. IE全系列、firefox、chrome、opera、safari兼容问题 2. 节点之间的空白符，在firefox、chrome、opera、safari浏览器是文本节点，所以IE是3，其它浏览器是7，如下图所示: 如果把代码改成这样: <ul><li>javascript</li><li>jQuery</li><li>PHP</li></ul> 运行结果:（IE和其它浏览器结果是一样的） UL子节点个数:3 节点类型:1

查看全部

0 采集收起来源：访问子节点childNodes
2018-03-22
安然时光

节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性： 1. nodeName : 节点的名称 2. nodeValue ：节点的值 3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 二、nodeValue 属性：节点的值 1. 元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3. 属性节点的 nodeValue 是属性的值三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型: 元素类型节点类型元素 1 属性 2 文本 3 注释 8 文档 9

查看全部

1 采集收起来源：节点属性
2017-09-01
安然时光

setAttribute()方法 setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。语法： elementNode.setAttribute(name,value) 说明： 1.name: 要设置的属性名。 2.value: 要设置的属性值。注意： 1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。 2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。

查看全部

0 采集收起来源：setAttribute()方法
2017-09-01
安然时光

getAttribute()方法通过元素节点的属性名称获取属性的值。语法： elementNode.getAttribute(name) 说明: 1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。 2. name：要想查询的元素节点的属性名字

查看全部

0 采集收起来源：getAttribute()方法
2017-09-01

首页上一页 1270 1271 1272 1273 1274 1275 1276 下一页尾页

0/150

提交

取消

开始学习

课程须知: 你需要具备HTML、css基础知识，建议同学们也可以想学习下js入门篇，快速认识js，熟悉js基本语法，更加快速入手进阶篇！

老师告诉你能学到什么？: 通过JavaScript学习，掌握基本语法，制作简单交互式页面