js 中Document对象的用法

var fruitRadio = document.getElementsByName("fruit");

js 获取Name为fruit的模块的值

var fruitRadio = document.getElementById("fruit");

js 获取Id为fruit的模块的值

var fruitRadio = document.getElementsByClassName("fruit");

js 获取class为fruit的模块的值

 document.getElementById("p1").innerHTML = "hi";

这个是修改模块的值的，可以修改如h1,p等文本类型的标签里面的内容，其中关键的是后面的innerHTML，前面的是可以改变的

document.getElementById(id).attribute=新属性值

document.getElementById("image").src="landscape.jpg";

这个是修改模块的属性值，上面这个就是修改图片的src值已达到更改图片的结果。

document.getElementById("p2").style.color="blue";

这个是修改模块中的css值，上面的代码是修改模块中的css中的color值，当然我们也可以修改其他的值。

document.getElementById("myBtn").onclick=function(){displayDate()};

面这个是为id为myBtn的模块添加点击事件，当然也可以添加其他的事件。