javascript正确使用元素的属性与元素特征的例子

 window.onload=function(){
                
                var div=document.getElementById("mydiv");
                //这里是属性用法
                var id=div.id;
                var classname=div.className;
                var name=div.nodeName;
                var value=div.nodeValue;
                var first=div.childNodes[0];
                var second=div.childNodes.item(1);
                 var last=div.childNodes[div.childNodes.length-1];
                var cound=div.childNodes.length;
                var arraynodes=Array.prototype.slice.call(div.childNodes,0);
                var newnode=document.createElement("h4");   
                //var returnednode=div.replaceChild(newnode,first);
                var deeplist=div.cloneNode(false);
                var norm=first.normalize();

                //这里是特征用用法

                var id2=div.getAttribute("id");
                var classname2=div.getAttribute("class");
                var title=div.setAttribute("title","节点选择");
                if(div.nodeType==1)
                {
                    
                 alert(classname);
                }
                div=null;

//这里使用getElementsByTagName()获得标签获取属性的方法
                /*
               var title=document.title;
                var image =document.getElementsByTagName("img");
                var myimg=image.length;
                var firstimg=image[0].src;
                var firstimg2=image.item(0).src;
                var myimage=image.namedItem("myimage");
                var myimage2=image["myimage"];
                image=null;

                var colors=document.getElementsByName("color");
                var firstcolor=colors.item(1);
                firstcolor.checked=true;
                alert(firstcolor.value);
                colors=null;
                */

               
                
            };
这是节点值
选择你的颜色

你可能感兴趣的:(javascript学习日记,javascript,前端,开发语言)