insertBefore() 方法可在已有的子节点前插入一个新的子节点。

语法:

insertBefore(newnode,node);

参数:

newnode: 要插入的新节点。node: 指定此节点前插入节点。

以下内容需要在巩固

var otest = document.getElementById("test");  
 
  var newnode = document.createElement("li");
  //var newtext = document.createTextName("PHP");
  //newnode.appendChild(newtext);
  newnode.innerHTML = "PHP" ;   //此处两种赋值的方法有什么区别还不了解，这次课程只有以重方法可以追加值
 
  //otest.insertBefore(newnode,otest.childNodes[1]);
  otest.insertBefore(newnode,otest.lastChild); //题目中的例子两种方法都可以

追加子节点的步骤：

    0.获取要追加的列表

       var otest= document.getElementById("test");

1. 创建追加子节点的标签
   

   var newnode=document.createElement("li");

2. 创建追加子节点的内容

   var newtext=document.createTextNode("PHP");

3. 把新节点的内容追加到新节点上

   newnode.appendChild(newtext);

4. 把新节点插入到列表中otest

   otest.appendChild(newnode);
   

最近的同级节点

node.nextSibling

node.previousSibling

如果无此节点，则该属性返回 null。

parentNode父辈节点，可以无限叠加。

lastChild，不是lastnode。

nodeName  nodeType  nodeValue

子节点：childNodes

firstChild  lastChild

node.firstChild

说明：与elementNode.childNodes[0]是同样的效果。

获取第一个子节点的写法：可以直接在标签名后加中括号。

var x = document.getElementsByTagName("div")[0].childNodes;

注意node小写且没有s：

x[i].nodeName+"  "+x[i].nodeType+"  "+    x[i].nodeValue);

具体类型的值还需要记住

Lists[i].setAttribute("title","WEB前端技术");

属性名和属性值都需要加双引号

1. <li title="第1个li">HTML</li> 
   

var con=document.getElementsByTagName("li");

con[i].getAttribute("title");//获取标签内属性的值

2.con[i].title 与con[i].getAttribute("title")区别

如果没有title属性时，元素节点.getAttribute("title")会返回null，而 元素节点.title会返回""

1.document.getElementById("hobby" + j).value;

document.getElementById("hobby" + j).innerHTML;

document.getElementById("hobby" + j);

区别：？

2.  复选框的选择    方法checked 属性设置或返回 checkbox 是否应被选中。(true/false)

变量.checked=true/false

3.

<input type="checkbox" name="hobby" id="hobby5">  打球

function checkall(){
            var hobby = document.getElementsByTagName("input");
            for(var i=0;i<hobby.length;i++){
                if(hobby[i].type =="checkbox"){    //标签内的属性可以直接写
                    hobby[i].checked=true;
                }
            }
        };

1. document.getElementById

   赋值给变量 v.innerHTML 取得尖括号里的内容
   

2. document.getElementsByName

   赋值给变量 v.length求取得数组的长度
   

3. document.getElementsByTagName

   赋值给变量 v.length求取得数组的长度

1.document.getElementById()  id唯一

2.document.getElementsByName(" "); name不唯一

返回的值是元素的数组，有长度

col.style.backgroundColor="#CCC";x

修正用=

col.style.display="none";实现隐藏

document.getElementById().innerHTML含义：

innerHTML

screen.availWidth 属性返回访问者屏幕的宽度

screen.availHeight 属性返回访问者屏幕的高度

以像素计，减去界面特性，比如任务栏。