history 历史跳转
<body>
这是第二页<br>
<a href="javascript:history.back()">后退</a>
<a href="demo02.html">上一页</a>
<a href="demo04.html">下一页</a>
<a href="javascript:history.forward()">前进</a>
//通过id获取元素节点
//var 元素节点=document.getElementById(id值)
//通过元素节点获得文本节点
//var 文本=元素节点.innerHTML;
//通过元素节点获取属性节点；
//var 属性值=元素节点.属性名；
//获取div
function get1(){
//获取div元素
var dd=document.getElementById("myDiv");
//获取文本节点
var str=dd.innerHTML;
alert(str);
}
function get2(){
var dd2=document.getElementById("content");
var str2=dd2.innerHTML;
alert(str2);
}
function get3(){
var dd3=document.getElementById("txtName");
var str3=dd3.value;
alert(str3);
}
元素选取控制：
html：
<body>
<ul id="names">
<li id="n1">张三</li>
<li id="n2">李四</li>
<li id="n3">王五</li>
<li id="n4">赵六</li>
<li id="n5">小红</li>
<li id="n6">小明</li>
</ul>
<input type="button" value="父节点" onClick="get1(li.parentNode)">
<input type="button" value="第一个子节点" onClick="get(li.parentNode.firstChild.nextSibling)">
<input type="button" value="上一个节点" onClick="get(li.previousSibling.previousSibling)">
<input type="button" value="下一个节点" onClick="get(li.nextSibling.nextSibling)">
<input type="button" value="最后一个子节点" onClick="get(li.parentNode.lastChild.previousSibling)">
<input type="button" value="得到所有li的元素个数" onClick="len()">
</body>
js：
//页面加载完成后执行
//一个js文件之能写一个window.onload
var li;
window.onload=function(){
li=document.getElementById("n4");
/*alert(li.innerHTML);*/
}
//写一个通用的方法获取元素的文本节点
function get(obj){
var content=obj.innerHTML;
alert(content);
}
//获取赵六父节点
function get1(){
//获取赵六所在的li元素节点
var li=document.getElementById("n4");
//获取赵六的父节点元素ul
var ul=li.parentNode;
//获取父节点ul的文本节点
var content=ul.innerHTML;
alert(content);
}
//获取li的个数
function len(){
//获取赵六的父节点
var ul=li.parentNode;
//获取ul的所有子节点组成的数组
/*var childs=ul.childNodes;
alert(childs.length);*/
//通过标签名获取所有li所在的数组
var lis=ul.getElementsByTagName("li");
alert(lis.length);
}
//获取class名为nn的元素的数组长度
/*function getlen(){
//获取class名为nn的元素数组
var lis=document.getElementsByClassName("nn");
alert(lis.length);
}*/
浙公网安备 33010602011771号