js获取网址与id为cur的链接做判断,真就给a添加class样式

js获取网址与id为cur的链接做判断,真就给a添加class样式,第1张

onload = function ()

{

var itema = documentgetElementById ("cur")href;

var str = locationhref;

var num = strindexOf (itema);

if (num == -1)

{

itemaclassName = "";

}

else

{

itemaclassName = "cur";

}

}

JS里添加样式的方法:

1、首先,要创建标签,使用documentcreateElement函数,如图创建div标签。使用其className设置class,id设置id,style设置样式。

2、样式的设置也可以分项进行。如图是分项设置其left,top,display,position,width几个样式。

3、通过设置标签的innerHTML属性可以直接给其添加子标签以及子标签的样式。当然,也可以分项分层添加标签。

4、设置好标签(如图是div标签,变量名box),使用documentbodyappendChild添加标签到body当中。

5、标签添加以后,依然可以修改样式,如图是使用documentgetElementById方法根据id获取标签,修改style。

6、标签添加以后,也可以给其添加和删除event处理。如图是使用jQuery给id为img-preview-box的标签添加hover鼠标经过的处理。

对于没有设置宽度的元素、亦或CSS样式非内嵌式的,js原生写法可以通过offsetWidht来获取宽度

即:documentgetElementById("#id")offsetWidth;

ps:对于设置了CSS样式的元素(内联、内嵌、外联)offsetWidth 也都可以获得值

所以,jquery的width()与js的offsetWidth都可以获取元素的宽度,但有个区别:

width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。

offsetWidth :包括了内补丁和border,不包括外补丁。ie6+和chrome相同

外联js:

indexhtml中的代码

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript" src="printjs"></script>

</head>

<body onload="print()">

</body>

</html>

printjs中的代码

function print() {

    alert("我是外联js");

}

代码结构

运行结果:

改为内联js

indexhtml中的代码:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body onload="print()">

</body>

<script>

    function print() {

        alert("我是内联js");

    }

</script>

</html>

运行结果:

以上就是关于js获取网址与id为cur的链接做判断,真就给a添加class样式全部的内容,包括:js获取网址与id为cur的链接做判断,真就给a添加class样式、JS里添加样式、js中如何取得一个div的width注意此css的width是在<style></style>中设置的。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10159359.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存