关于 document.getElementById 取到class 详情见案例

关于 document.getElementById 取到class 详情见案例,第1张

虽然没说要干嘛,但是我看了下脚本执行,你使用

var nav = documentgetElementById("list_menu");  这个要获取的只能是id的值,而不能是class的值的元素如果你想要获取相同class名的元素的话,要用下面的命令。。。

var nav = documentgetElementsByClassName("list_menu");

通过你的代码我修改了下,执行的后果是。。

具体测试如下:

<script type="text/javascript" language="javascript">

windowonload=function (){

//var nav = documentgetElementById("list_menu");

var nav = documentgetElementsByClassName("list_menu");

alert(navlength);

var links = navgetElementsByTagName("li");

var lilen = navgetElementsByTagName("a");

var currenturl = documentlocationhref;

var last = 0;

for (var i=0;i<linkslength;i++)

{

var linkurl = lilen[i]getAttribute("href");

if(currenturlindexOf(linkurl)!=-1)

{

last = i;

links[last]className = "current";

}

}

}

</script>

把获取class的nav变量修改下就好了,~~~

微信小程序跟 Web 开发有着很大的区别,只是采用了 HTML/CSS/JS 相似的语法而已。

它并不支持 DOM *** 作;即使是 wxcreateSelectorQuery() 也仅仅是阉割版,只包括宽高等布局信息。

建议题主先把微信提供的开发文档完整的阅读一遍,以减少不必要的困扰。

//获取class方式类选择器varpwd=$("pwd");//通过jQuery方式去获取value值alert(pwdeq(0)val());//123456。同样和js相同的是。选择class,也是用class名称的方式获取。这里我们学习到了怎样通过jQuery去获取表单中value属性的值。用到了eq()的方法

js获取元素的class名:

var className=documentgetElementsByClassName('names')[0];

jquery获取元素的class名:

var className = $('names')atrr('class');

相关概念

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

参考下面代码

<div id="a" class="sssss"></div>

var divid = $("#a")attr("id");

var divClass = #("#a")attr("class");

如果有多个DIV要获取:

var ids=[],arrClass=[];

$("div")each(function(){

idspush($(this)attr("id"));

arrClasspush(#(this)attr("class"));

});

alert("ids:"+idsjoin(","));

alert("class:"+arrClassjoin(","));

获取元素没问题吧。获取元素还是class来得快,用id,如果是你说的上千个文档,那是不现实的。

滚动也不难。

1 如果是id,可以直接用js取出来id,然后使用

windowlocation = windowlocation+'#获取到的ID'

这样滚动到锚点。

2 如果是class,那就用

var l = documentgetElementsByClassName('类名称');

for(var i=0;i<llength;i++){

    if(!l[i]id) {

        l[i]setAttribute('id', 'mark'+i);

    }

}

也就是先获取到所有的class元素,再给没有id属性的元素添加一个id,最后执行1的 *** 作就可以了。

实现方法:在jquery代码中,首先使用attr()方法获取某元素的class,然后使用addClass()方法为另一个元素添加这个class,或者使用attr()方法为另一个元素的class赋值。下面进行实例演示:

1、新建一个HTML文件,输入如下的HTML结构。为了演示本问题,假设了一个带有背景色样式的A元素和一个红色的B元素,实现在点击按钮后将A元素的类样式(背景色)应用到B元素上。

<style>

red{color:red !important;} /红色css样式/

bg_green{background:#00cc00;} /背景色类样式/

</style>

<div id="test">

<div id="a" class="bg_green">A(我是bg_green类)</div>

<div id="b" class="red">B(我是red类)</div>

</div>

以上就是关于关于 document.getElementById 取到class 详情见案例全部的内容,包括:关于 document.getElementById 取到class 详情见案例、微信小程序JS中获取ID和Class怎么获取、jquery基本选择器中选择id名为class的属性值如何写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存