慕课网

精品课程 JavaScript进阶篇

JavaScript进阶篇

最热最新

慕粉2305497555

一、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
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型

查看全部

0 采集收起来源：节点属性
2019-07-23
qq_慕仙5166478

back（）只能以内链的形式返回

查看全部

0 采集收起来源：返回前一个浏览的页面
2019-07-23

qq_慕仙5166478

返回前一个浏览的页面
back()方法，加载 history 列表中的前一个 URL。
语法：
window.history.back(); 
比如，返回前一个浏览的页面，代码如下：
window.history.back(); 
注意：等同于点击浏览器的倒退按钮。
back()相当于go(-1),
代码如下:window.history.go(-1);

查看全部

0 采集收起来源：返回前一个浏览的页面

2019-07-23

qq_慕仙5166478

History 对象
history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。
语法：window.history.[属性|方法]

查看全部

0 采集收起来源：History 对象

2019-07-23

AbleD

操作符之间的优先级
算术操作符>比较运算符>逻辑运算符>“=”赋值运算符

查看全部

0 采集收起来源：保持先后顺序(操作符优先级）
2019-07-22
慕斯8024912

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

查看全部

0 采集收起来源：节点属性
2019-07-22
WillTien

<!DOCTYPE html>
<html>
<head>
<title>new document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = function() {
var lineList = document.getElementsByTagName("tr");
for (var i = 0; i < lineList.length; i++) {
bgChangeColor(lineList[i]);
}
}// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

function bgChangeColor(obj) {
obj.onmouseover = function() {
obj.style.backgroundColor = "#f2f2f2";
}
obj.onmouseout = function() {
obj.style.backgroundColor = "#fff";
}
} //背景改色函数

function addLine() {
var findTr = document.getElementsByTagName("tr")[0];
var th_Num = findTr.childNodes;
for (var i = 0; i < th_Num.length; i++) {
if (th_Num[i].nodeName == "#text" && /\s/.test(th_Num[i].nodeValue)) {
findTr.removeChild(th_Num[i]);
}
}
var thNumber = th_Num.length; //获取原表格的列数
var newLine = document.createElement("tr");
var tab = document.getElementById("table");
tab.appendChild(newLine); //添加新行

for (var i = 0; i < thNumber; i++) {
var newTd = document.createElement("td");
newLine.appendChild(newTd);
} //添加新列

var addText = newLine.getElementsByTagName("td");
addText[0].innerHTML = "xh003"; //待优化，末尾序号与表格行数index值一致即可
addText[1].innerHTML = "XXX";
addText[2].innerHTML =
"<a href='javascript:;' onclick='delNewLine(this)' >删除</a>";
} // 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

function delNewLine(obj) {
var tr = obj.parentNode.parentNode;
tr.parentNode.removeChild(tr);
} // 创建删除函数
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>

<tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" onclick="delNewLine(this);">删除</a></td>

</tr>

<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="delNewLine(this);">删除</a></td>

</tr>
</table>

<input type="button" value="添加一行" onclick="addLine()" />

</body>
</html>

查看全部

0 采集收起来源：编程练习
2019-07-22
慕粉2305497555
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
语法：
```
elementNode.setAttribute(name,value)
```
说明：
1.name: 要设置的属性名。
2.value: 要设置的属性值。
注意：
1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。
2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。
查看全部

0 采集收起来源：setAttribute()方法
2019-07-22
慕粉2305497555
getElementsByTagName();获取的是一个集合，
故：var text=con[i].getAttribute("title");//需要准确标明是哪一个con[i];

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

0 采集收起来源：getAttribute()方法
2019-07-22
慕粉2305497555
checked 属性设置或返回 checkbox 是否应被选中。
语法
```
checkboxObject.checked=true|false
```
说明
该属性保存了 checkbox 的当前状态，不管何时，这个值发生变化的时候，onclick 事件句柄就会触发（也可能触发 onchange 事件句柄）。
查看全部

0 采集收起来源：区别getElementByID,getElementsByName,getElementsByTagName
2019-07-22
siya李

进行练习稍后

查看全部

0 采集收起来源：编程练习
2019-07-22
慕UI3127619

这里因为删除之后长度会变，所以for必须从小到大

查看全部

0 采集收起来源：删除节点removeChild()
2019-07-22
慕粉2305497555

document.getElementsByTagName("标签名");
document.getEleemntById("id属性的值");
document.getElementsById("name属性的值");
上面三种都可以用length属性来访问数组的长度；

查看全部

0 采集收起来源：getElementsByTagName()方法
2019-07-22
慕粉2305497555

docuemnt.getElementsByName("name属性的值");
与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。

查看全部

0 采集收起来源：getElementsByName()方法
2019-07-22
慕粉2305497555

HTML文档可以说由节点构成的集合，DOM节点有:
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
节点属性:
遍历节点树:
以上图ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。
DOM操作:
注意:前两个是document方法。

查看全部

0 采集收起来源：认识DOM
2019-07-22

首页上一页 319 320 321 322 323 324 325 下一页尾页

0/150

提交

取消

开始学习

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

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

JavaScript进阶篇

语法

说明