常用的一些js方法实例 页面取值 坐标 修改样式 弹层 （1）

一、对页面的控件进行取值

 

1、根据控件id进行取值

 var value=document.getElementsById("控件id").value;

 

2、根据控件name进行取值

（由于控件name是可以重复的所以用name取到的是一个对象数组）

 var objs = dataDiv.getElementsByName("控件name");

    for(var i = 0; i< objs.length; i++)

    {

       if(objs[i].id=="aa")//在这可以加一个过滤，得到你想要的把其它过滤掉（条件自己定）  

       {

         var value= links[i].value;//根据你所要所到的控件是什么进行取值

       }    

    }

 

3、根据标记名称进行取值

(和 2 一样它所取到的也是一个对象数组)

如：<a href="a.html"></a>

 var links = document.getElementsByTagName("a");

    for(var i = 0; i< links.length; i++)

    {

        links[i].onclick = function(){return false;};//让a标记的跳转失效

    }

4、根据方法传入的值进行取值

 传入的方法有两种:

 

(1)是在一个事件触发的时候以id的形式传进

<input id="aa" οnclick="click('aa');" value="aaff" />

方法里取值用前面提到的

function click(objid){

 var value=document.getElementsById(objid).value;}

 

(2)当成对象传入，传的时候也有两种方法

①<input id="aa" οnclick="click(this);" value="aaff" />

②<input id="aa" οnclick="click(aa);" value="aaff" />//这里的aa是控件的id传到方法里它就是控件对象

 

function click(obj){

 var value=obj.value;

}

 

 

5、根据对象得到一些常用的属性

obj.ClassName  //样式表名

obj.id         //控件id

obj.value      //控件值

obj.checked    //check是否选中

obj.href      //a的跳转跳径

obj.name     //控件的name

obj.tagname   //控件的标记名

obj.src       //img的路径

obj.style.display  //是否可见可不是true和false而是none和block

obj.readonly //是否只读值是readonly和””就可以可不是true和false

 

还有很多我这里就不一一列出，自己想要得到什么，就试一下看看

以上的属性都可以在js里进行修改

 

待续……