慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

主宰灵魂

替换元素子节点
元素节点对象.replaceChild(新的子节点, 被替换的子节点);
作用:用参一新的子节点替换掉参二指定的子节点.当参二被替换时，所有与之相关的属性和内容都将被移除.
返回被替换对象的引用。

查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-06-03
极客天使

当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
window.onunload = onunload_message;
function onunload_message(){
alert("您确定离开该网页吗？");
}

查看全部

0 采集收起来源：卸载事件（onunload）
2018-06-03
极客天使

事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
<body onload="message()">
欢迎学习JavaScript。
</body>

查看全部

0 采集收起来源：加载事件（onload）
2018-06-03
极客天使

通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
onchange="message()"

查看全部

0 采集收起来源：文本框内容改变事件（onchange）
2018-06-03
主宰灵魂

删除节点
元素节点对象.removeChild(要删除的子节点);
作用:删除某个子节点。如删除成功，返回被删除的节点，如失败(节点不存在)，返回 NULL。

查看全部

0 采集收起来源：删除节点removeChild()
2018-06-04
主宰灵魂

元素节点.childNodes
作用:该属性返回元素节点下的所有子节点的列表.包括元素节点,文本节点,空白节点.如果选定的节点没有子节点，则该属性返回不包含节点的节点列表。
返回的值可以看作是一个数组，他具有length属性。

查看全部

0 采集收起来源：访问子节点childNodes
2018-06-04
主宰灵魂

插入节点
元素节点对象.insertBefore(要插入的新节点, 已有的子节点);
作用:在已有的子节点之前插入一个新的子节点.

查看全部

0 采集收起来源：插入节点insertBefore()
2018-06-03
主宰灵魂

追加子结点
元素结点对象.appendChild(追加的结点);
作用:在指定节点的最后一个子节点之后添加一个新的子节点。

查看全部

0 采集收起来源：插入节点appendChild()
2018-06-03
田雨_TY_0529

访问兄弟节点
1.extSibling属性可返回某个节点之后紧跟的节点（处于同一树层级中）。
语法：
nodeObject.nextSibling
说明：如果无此节点，则该属性返回null.
2.previousSibling属性可返回某个节点之前紧跟的节点（处于同一树层级中）。
语法：
nodeObject.previousSibling
说明：如果无此节点。则该属性返回null.
注意：两个属性获取的是节点。

查看全部

0 采集收起来源：访问兄弟节点
2018-06-03
田雨_TY_0529

访问父节点parentNode
获取指定节点的父节点.
语法：
elementNode.parentNode
注意：父节点只有一个。
访问祖节点：
elementNode.parentNode.parentNode

查看全部

0 采集收起来源：访问父节点parentNode
2018-06-03
田雨_TY_0529

访问子节点的第一和最后项
一、firstChild属性返回“childNodes”数组的第一个子节点。如果选定的节点没有子节点，则该属性返回NULL.
语法：
node.firstChild
说明：与elementNode.childNodes[0]是同样的结果。
二、lastChild属性返回“childNodes”数组的左后一个子节点。如果选定节点没有子节点，则该属性返回NULL.
语法：
node.lastChild
说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

查看全部

0 采集收起来源：访问子节点的第一和最后项
2018-06-03
田雨_TY_0529

访问子节点childNodes
访问选定元素节点下的所有子节点的列表，返回的值可以看做是一个数组，它具有length属性。
语法：
elementNode.childNodes
注意：
如果选定的节点没有子节点，则该属性返回不包含节点的Nodelist。

查看全部

0 采集收起来源：访问子节点childNodes
2018-06-03
田雨_TY_0529
节点属性
在每一个对象模型（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属性：节点的类型，是只读的。以下常用的几种节点类型：
查看全部

0 采集收起来源：节点属性
2018-06-03
田雨_TY_0529
setAttribute( )方法
setAttribute( )方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
elementNode.setAttribute( name,value )
说明：
1. name：要设置的属性名。
2. value：要设置的树形值。
注意：
1. 把指定的属性设置为指定的值。如果不存在具有制定名称的属性，该方法将创建一个新属性。
2. 类似于getAttribute( )方法，setAttribute( )方法只能通过元素节点对象调用的函数。
查看全部

0 采集收起来源：setAttribute()方法
2018-06-03
田雨_TY_0529
getAttribute( )方法
通过元素节点的属性名称获取属性的值。
语法：
elementNode.getAttribute( name )
说明：
1. elementaNode：使用getElementById( )、getElemensByTagName( )等方法，获取到的元素节点。
2. name：要想查询的元素节点的属性名字。
查看全部

0 采集收起来源：getAttribute()方法
2018-06-03

首页上一页 748 749 750 751 752 753 754 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

替换元素子节点

删除节点

插入节点