慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

一只想要学好前端的小白
```
创建文本节点createTextNode
```
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
我们来创建一个<div>元素并向其中添加一条消息，代码如下：
查看全部

0 采集收起来源：创建文本节点createTextNode
2018-04-06

一只想要学好前端的小白

创建元素节点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-04-06

平生眉未展

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num; //count元素找不到，所以实现不了
num=num+1;
setTimeout("startCount()",100);
}
startCount();
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>

查看全部

0 采集收起来源：计时器setTimeout()
2018-04-06
一只想要学好前端的小白
```
替换元素节点replaceChild()
```
replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。
语法：
```
node.replaceChild (newnode,oldnew )
```
参数：
newnode : 必需，用于替换 oldnew 的对象。
oldnew : 必需，被 newnode 替换的对象。
我们来看看下面的代码:

效果: 将文档中的 Java 改为 JavaScript。
查看全部

0 采集收起来源：替换元素节点replaceChild()
2018-04-06
一只想要学好前端的小白
```
删除节点removeChild()
```
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。
语法:
```
nodeObject.removeChild(node)
```
参数:
node ：必需，指定需要删除的节点。
我们来看看下面代码，删除子点。
运行结果:
```
HTML 删除节点的内容: javascript
```
注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。
如果要完全删除对象，给 x 赋 null 值，代码如下:
查看全部

0 采集收起来源：删除节点removeChild()
2018-04-06
慕粉3278381
获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
二、对于 Internet Explorer 8、7、6、5：
• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
或者
Document对象的body属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
在不同浏览器都实用的 JavaScript 方案：
```
var w= document.documentElement.clientWidth
      || document.body.clientWidth;
var h= document.documentElement.clientHeight
      || document.body.clientHeight;
```
查看全部

0 采集收起来源：浏览器窗口可视区域大小
2018-04-06
一只想要学好前端的小白
```
插入节点insertBefore()
```
insertBefore() 方法可在已有的子节点前插入一个新的子节点。
语法:
insertBefore(newnode,node);
参数:
newnode: 要插入的新节点。
node: 指定此节点前插入节点。
我们在来看看下面代码，在指定节点前插入节点。
查看全部

0 采集收起来源：插入节点insertBefore()
2018-04-06
007号学员

返回值；存储在变量内，方便后期做修改。

查看全部

0 采集收起来源：返回值的函数
2018-04-06
一只想要学好前端的小白
```
插入节点appendChild()
```
在指定节点的最后一个子节点列表之后添加一个新的子节点。
语法:
```
appendChild(newnode)
```
参数:
newnode：指定追加的节点。
我们来看看，div标签内创建一个新的 P 标签，代码如下:
查看全部

0 采集收起来源：插入节点appendChild()
2018-04-06
慕粉3278381
创建文本节点createTextNode
createTextNode() 方法创建新的文本节点，返回新创建的 Text 节点。
语法：
```
document.createTextNode(data)
```
参数：
data : 字符串值，可规定此节点的文本。
我们来创建一个<div>元素并向其中添加一条消息，代码如下：
运行结果:
查看全部

0 采集收起来源：创建文本节点createTextNode
2018-04-06
qq_斯文小败类_0

<body>
<h1 id="myHead" onclick="getValue()">
看看三种获取节点的方法?
</h1>
<script type="text/javascript">
function getValue()
{
var myH=document.getElementById("myHead");
alert(myH.innerHTML)
}
</script>
</body>
//点击标题就跳出来与标题相同内容的警示框

查看全部

0 采集收起来源：getElementsByTagName()方法
2018-04-06

一只想要学好前端的小白

访问父节点parentNode

获取指定节点的父节点

语法：

elementNode.parentNode

注意:父节点只能有一个。

看看下面的例子,获取 P 节点的父节点，代码如下:

<div id="text">   <p id="con"> parentNode 获取指点节点的父节点</p> </div>  <script type="text/javascript">   var mynode= document.getElementById("con");   document.write(mynode.parentNode.nodeName); </script>

运行结果:

parentNode 获取指点节点的父节点 DIV

查看全部

0 采集收起来源：访问父节点parentNode

2018-04-06

007号学员

传参的过程

查看全部

0 采集收起来源：什么是函数
2018-04-06

慕粉3278381

创建元素节点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-04-06

一只想要学好前端的小白
```
访问子节点childNodes
```
访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。
语法：
```
elementNode.childNodes
```
注意：
如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。
我们来看看下面的代码:
查看全部

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

首页上一页 851 852 853 854 855 856 857 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

创建文本节点createTextNode

创建元素节点createElement