原生js找到指定父元素获以及取指定节点的属性

最新推荐文章于 2025-02-17 14:38:19 发布

原创最新推荐文章于 2025-02-17 14:38:19 发布 · 1w 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Javascript 同时被 2 个专栏收录

44 篇文章

订阅专栏

React

20 篇文章

订阅专栏

本文介绍了如何使用closest()方法定位DOM元素的最近父级，以及getAttribute()方法自定义属性值的读取方式，深入探讨了JavaScript中DOM操作的实用技巧。

语法： dom.closest(指定父元素的标签名)

currentTargetDom.closest('li.thisClickInfoLi');

saveExpressDeliveryMethod = (evt) => {
    const currentTargetDom = ReactDOM.findDOMNode(evt.currentTarget);
    if(!currentTargetDom){
        return;
     }
     const parentLi = currentTargetDom.closest('li.thisClickInfoLi');
 };

getAttribute() 方法返回指定属性名的属性值。

属性值可以自定义

<a href="/jsref/dom_obj_attributes.asp" data-msg='123' target="_blank">Attr 对象</a>，

const dataMsg = getAttribute('data-msg');

console.log(dataMsg )  //123