JS 如何通过标签名获取子节点?(不用jq)

JS 如何通过标签名获取子节点?(不用jq),第1张

var a_arr = documentgetElementById("demo")getElementsByTagName("a");这就是找到所有demo下的a,返回的是数组

这里以jquery为例

思路:

当点击按钮的时候,获取当前按钮所被包含的元素,再查找这个元素里面对应的span节点

1、html代码

<div>
js如何获取当前<span>对象</span>的下一个span节点,代码在下面。
<input type="button" id="btn" value="获取span节点" />
</div>

2、js代码

<script>
$("#btn")click(function(){
    var spanhtml=$(this)parent()find("span")html();//查找当前按钮的父元素,根据父元素查找包含的span节点
    alert(spanhtml);//d出获取的内容
});
</script>

运行,将获取span的内容“对象”二字。

因为问题中是要获取当前对象下的节点,所以代码中将input放在div里面。

$(function () {
    $("navbar-inverse li")each(function (index) {
        if ($(this)children()text()indexOf("主页") >= 0) {
            $(this)addClass("active");
        }
    });
});

这个是获取ul下的li,然后设置样式。


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

原文地址: https://www.outofmemory.cn/yw/13340967.html

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

发表评论

登录后才能评论

评论列表(0条)

保存