Java学习12
一。根据各个元素的节点关系。定位元素位置
parentNode返回当前节点的父节点
previousSibling返回当前节点的前一个兄弟节点
nextSibling返回当前节点的后一个兄弟节点
childNodes返回当前节点的所有子节点
firstChild返回当前节点的第一个子节点
lastChild返回当前节点的最后一个子节点
getElementsByTagName(tagName)返回当前节点的具有指定标签名的所有子节点
二、列表框和下拉框
length返回列表框、下拉菜单的选项个数
options返回列表框、下拉菜单里所有选项组成的数组
selectedIndex返回下拉列表中选中选项的索引
options[index]:
text返回该选项呈现的文本
value返回该选项的value属性值
三、表格元素
caption返回表格的标题对象
rows返回该表格行
cells返回该表格列
四、DOM的增删改
appendChild(newNode) 将newNode添加成当前节点的最后一个子节点
insertBefore(newNode,refNode)将refNode节点之前插入newNode节点
replaceChild(newNode,oldNode)将oldNode节点替换成newNode节点
removeChild(oldNode)将oldNode子节点删除
代码
var z6=document.getElementById("n4");
function method(a){
alert(a.innerHTML);
}
function getlength(){
/*获取赵六所在元素的父节点*/
/*后哦亲父元素所有的子节点*/
alert(z6.parentNode.getElementsByTagName("li").length)
}
var formm=document.getElementById("myform");
function get(a){
alert(a.value);
}
function oper(){
formm.submit();
}
//获取ID为city的元素下拉菜单
var city=document.getElementById("city");
function get(node){
alert(node.text);
}
var table=document.getElementById("mytable");
function get(node){
alert(node.innerHTML);
}
function updateCell(){
//获取用户修改第几行,
var row=document.getElementById("row").value;
//获取用户修改第几列
var cell=document.getElementById("cell").value;
//获取用户修改后的课程
var course=document.getElementById("course").value;
//修改
table.rows[row-1].cells[cell-1].innerHTML=course;
}
// 插入节点
//function create(){
////创建一个li节点
//var li=document.createElement("li");
//li.innerHTML="张店";
////获取ul元素
//var city=document.getElementById("city");
////将li元素添加到ul元素上
//city.appendChild(li);
//
//}
//插入节点
//function create(){
//var a=document.createElement("li");
//a.innerHTML="张店";
//var city=document.getElementById("city");
////获取要插入位置的元素
//var first=city.firstChild.nextSibling;
////插入元素
//city.insertBefore(a,first);
//}
//function create(){
//var b=document.createElement("li");
//b.innerHTML="张店";
//var ul=document.getElementById("city");
//var old=ul.lastChild.previousSibling;
//ul.replaceChild(b,old);
//}
//var count=0
//function copy(){
////获取节点
//var ul=document.getElementById("city");
//count++;
//if(count==1){
//
//var old=ul.lastChild.previousSibling;
////复制节点
//var li=old.cloneNode(true);
////将li添加到ul中
//ul.appendChild(li);
//}else{
//var old=ul.lastChild;
//var li=old.cloneNode(true);
//ul.appendChild(li);
//}
//}
//删除节点
function del() {
var ul=document.getElementById("city");
var old=ul.lastChild.previousSibling;
ul.removeChild(old);
//document.getElementById("city").removeChild(document.getElementById("city").lastChild.previousSibling)
}
function create(){
//创建一个select标签
var select=document.createElement("select");
select.id="city";
select.size=5;
//循环创建10个option元素,并添加到select元素上
for(var i=1;i<=10;i++){
var op=new Option("选项"+i,i);
//添加option元素到select上
select.options[i]=op;
}
//将select添加到body元素上
var body=document.getElementsByTagName("body")[0];
body.appendChild(select);
}
function delone(){
var city=document.getElementById('city');
if(city.options.length>0){
//city.options[city.options.length-1]=null;
city.remove(city.options.length-1)
}
}
function delall(){
var city=document.getElementById('city');
city.options.length=0;
}
lastChild