dom对html的访问操作

标签：textarea   数组   ntb   last   top   doc   val   对象   一个   

DOM模型中的节点——文档可以说是由节点构成的集合。在DOM模型中有以下3种节点：

元素节点：各种标签就是这些元素节点的名称

文本节点：文本节点总是被包含在元素节点的内部

属性节点：一般用来修饰元素节点就称之为属性节点

页面加载完成后执行window.onload=function(){需要页面加载后执行的代码}.一个页面只能写一个

获取js对象后可以通过获取元素节点的属性节点值=js对象 . value（属性名）

文本节点值=js对象 . innerHTML；

function get(){

                     var i=document.getElementById("myDiv");

                     var j=i.innerHTML;

                     alert(j);

}            //点击按钮时弹框出mydiv的文本内容

function get2(){

                             var i=document.getElementById("content");

                             var j=i.value;

                             alert(j);

}               //点击按钮弹出文本域内容，文本域的内容是属性节点

function get3(){
var txt=document.getElementById("txtName");
var dq=txt.value;
alert(dq);
}       //  属性节点

• 张三


• 李四


• 王五


• 赵六


• 小红


• 小明

方法1：function get1（）{

var i=document.getElementById("n4");//获取n4

var father=i.parentNode;              //获取n4的父元素

alert（father.innerHTML）;

}

function get2(){
 var i=document.getElementById("n4");
 var pa=i.parentNode;
 var zi=pa.firstChild;
 var zi01=zi.nextSibling;
 alert(zi01.innerHTML);
 }

方法2：

var ll;
window.onload=function(){
ll=document.getElementById("n4");
}
function get(node){
alert(node.innerHTML)
}
//获取赵六所在ul的所有节点的子节点个数
function len(){
var fu=ll.parentNode;
var chang=fu.getElementsByTagName("li");
//获取数组长度
alert(chang.length);
}

dom对html的访问操作

标签：textarea   数组   ntb   last   top   doc   val   对象   一个   

原文地址：https://www.cnblogs.com/111wdh/p/13026103.html