java Web第一章学习内容（Math，定时函数，节点）

一.Math

参考代码：

function show() {
    var colorlist=new Array("红色","绿色","蓝色","黑色")
    var num=(Math.ceil(Math.random()*4))-1;

   var tv_div = document.getElementById("tv_div")
   tv_div.innerHTML=colorlist[num];

}

二.定时函数

设置固定时间自动执行或则只执行一次

参考代码：

function show2() {
    var date=new Date();
    var h = date.getHours() /*获得小时*/
    var m = date.getMinutes() /*分钟*/
    var s = date.getSeconds() /*获得秒*/

    document.getElementById("shijian").innerHTML="当前时间是："+h+":"+m+":"+s;
}

var zhixing =setInterval("show2()",1000)

三.节点

1. document.getElementsByTagName

2. .setAttribute

3. .appendChild

参考代码：

首先找到所有div里面第一个数组的信息命名为div_div，然后通过创建节点的方式并进行命名img
通过变量名img.setAttribute给src设置，前面是属性名称，后面是相应的值
均设置好后可以通过 .appendChild 方法把img节点信息插在div_div后面

function show2() {
    var div_div = document.getElementsByTagName("div")[0];
    var img = document.createElement("img");
    img.setAttribute("src","../images/a_link.gif");
    img.setAttribute("alt","核桃")
    img.setAttribute("style","border:10px black solid;")
    div_div.appendChild(img);
}

4. .parentNode.removeChild(tupian);

找到节点可以通过.parentNode.remove进行删除节点

参考代码：

function del() {
   var tupian =  document.getElementById("tupian");
   tupian.parentNode.removeChild(tupian);
}

5. .parentNode.replaceChild

找到节点可以通过.parentNode.replaceChild进行替换节点，新在前，旧在后

参考代码：

function tihuan() {
 var tv_img = document.getElementById("tihuan")

 var new_img =  document.createElement("img");
 new_img.setAttribute("src","../images/b1.png")

 /*替换*/
 tv_img.parentNode.replaceChild(new_img,tv_img)
}

java Web第一章学习内容（Math，定时函数，节点）

相关推荐