js怎么获取有两个class属性的节点

建议用jquery选择器选择页面元素，那样想取什么就取什么，非常方便，页面引入一个js文件即可，像你说的这种选择，用$("class1,class2")就可以取得了，两个class之间逗号隔开

js的代码比较长，我写个jquery的：

$(function(){

    $("li")hover(function(){

        $(this)children()show();

    },function(){

        $(this)children()hide();

    });

});

两种方法：

比如有个文本节点：<div id="test"><strong>this is value</strong></div>

1、通过document对象获取：

var obj=documentgetElementById("test");

//非Mozilla浏览器：

objinnerText;

2、其他的浏览器

objfirstChildnodeValue;

（1）如获得id为test标签子元素的个数：

documentgetElementById("test")ChildNodeslength

documentgetElementById('test')childrenlength

（2）上面两种方法皆可来获得子元素的个数，但是要注意各个浏览器的差异性，也得斟酌下差异性

在jQuery中，想获取HTML代码的方法如下：

$(selected)html();

在JavaScript中，想获取HTML代码方法如下：

documentgetElementById(selected)outerHTML;

利用javascript

写一个在页面点击加减按钮实现数字的累加。

简略的html大概如此。看得懂就好不要在意这些细节啊

<input

type="button"

value="+"

onclick="jia(this)"

/>

<label

class="num">0</label>

<input

type="button"

value="-"

onclick="jian(this)"

/>

样子是这样的

javascript

代码如下

<script

type="text/javascript">

function

jia(a)

{

var

nextnode

=

anextElementSibling;//获取下一个节点

alert(nextnodeinnerHTML);

var

a

=

parseInt(nextnodeinnerHTML)

a

+=

1;

nextnodeinnerHTML

=

a;

}

function

jian(a)

{

var

previousnode

=

apreviousElementSibling;

var

a

=

parseInt(previousnodeinnerHTML)

a

-=

1;

a

=

a

>

0

a

:

0;

previousnodeinnerHTML

=

a;

}

</script>

解释一下：

function

jian(a）和

function

jia(a)就是当前点击的对象了。在onclick事件接的方法里加了this;

-

nextElementSibling

获取当前节点的下一个节点(获得下一个兄弟节点)

-

previousElementSibling

获取当前节点的上一个节点

注意：

IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样——FF会把诸如空格换行之类的排版元素视作节点读取，因此，在ie

中用nextSibling便可读取到的下一个节点元素，在FF中就需要这样写：nextElementSibling了。

上面的解释的意思的使用

nextElementSibling

和previousElementSibling

获得下一个兄弟节点和上一个兄弟节点，可以去掉换行，空格上面之类的，直接找到我们标签元素。但是下面的两个

nextSibling

previousSibling

也是得下一个兄弟节点和上一个兄弟节点的，只是在IE中好用

--------------------关键字解释

parseInt

转化功能。

a

=

a

>

0

a

:

0;----三元表达式。

以上就是关于js怎么获取有两个class属性的节点全部的内容，包括:js怎么获取有两个class属性的节点、js如何获取子节点、js如何获取文本节点的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！