【菜鸟学JS】一起来学JavaScript,函数传参实例

jine01415a jine 关注 五级站长 普通
发表于前端UI学习设计文章版块

/* 【函数】$id(value)

*

* 作用:获取id

* 用法:直接调用,传入id值

*/


function $id(value){

    var oDoc = document.getElementById(value);

    return oDoc;

}


/* 【函数】$class(value)

*

* 作用:获取class

* 用法:直接调用,传入class值

*/

function $class(value){

    var oDoc = document.getElementsByClassName(value);

    return oDoc;

}




/* 【函数】$tag(value)

*

* 作用:获取id

* 用法:直接调用,传入标签名

*/

function $tag(name){

    var oDoc = document.getElementsByTagName(name);

    return oDoc;

}




/* 【函数】$class_he4_tag(obj,attr)

*

* 作用:获取 class 和 标签的属性值

* 用法:

* 1. $class_he4_tag(对象,属性),对象是就是要操作的元素,属性就是像id,class,style,innerHTML等

* 2.例1:假如获取要class="abc"的宽,可以借助$class()来获取对象,代码: $class_he4_tag($class("abc"),"style").width;

* 3.例2:假如要获到div标签的id,可以借助$class()来获取对象,代码: $class_he4_tag($tag("div"),"class");

*/

function $class_he4_tag(obj,attr){

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

        var value = obj[i][attr];

        return value;

    }

}




/* 【函数】_class_he4_tag(obj,attr,value,styleName)

*

* 作用:设置 class 和 标签的属性值

* 用法:

* 1. _class_he4_tag(对象,属性,值,CSS属性名称),对象是就是要操作的元素,属性就是像id,class,style,innerHTML等

* 2.例1:假如要class="abc"的宽设置成600px,也就是 width:600px; 可以借助$class()来获取对象,代码: _class_he4_tag($class("abc"),"style","600px","width").width;

* 3.例2:假如要所有div标签的id成abc,也就是 id="abc",可以借助$class()来获取对象,代码: _class_he4_tag($tag("div"),"id","abc");

*/

function _class_he4_tag(obj,attr,value,cssName){

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

        if(attr=="style"){

            obj[i][attr][cssName]=value;

        }

        else{

            obj[i][attr]=value;

        }   

    }

}



评论列表 评论
jine01415a jine 五级站长 普通 3#

本来jQuery已经有这些功能,为学习,因此在这里把学习的知识点按自己的想学来写写


获取class,id,tag改进


/* 【函数】hq(名称)

*

* 作用:获取id、class、tag(标签)

* 用法:直接调用,传入id,class选择器(写法和CSS选择器一致),或者标签名称;

*

* 示例:

*/

function hq(name)

{

    var doc; 

    var dygzf = name.charAt(0); //获取参数的第一个字符

    if (dygzf == "#")

    {

        doc = document.getElementById(name.replace(dygzf,""));

    }

    else if (dygzf == ".")

    {


        doc = document.getElementsByClassName(name.replace(dygzf,""));

    }

    else

    {

        doc = document.getElementsByTagName(name);

    }

        

    return doc;

}




共0条回复,点击查看回复
麻辣隔壁 麻辣隔壁 四级站长 普通 2#
你欠我的2块钱什么时候还?想頼帐?
共0条回复,点击查看回复
发布评论

评论: 【菜鸟学JS】一起来学JavaScript,函数传参实例

已有0次打赏
(2) 分享
分享

请保存二维码或复制链接进行分享

取消