虽然没说要干嘛,但是我看了下脚本执行,你使用
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的属性值如何写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)