js根据自定义属性值定位到节点

js根据自定义属性值定位到节点，自定义属性dataid，需要定位到dataid为222的元素，

自定义函数调用方法：

var ele=GetAttrElement("id1","dataid","222")

<div id="id1">
    <div dataid="111">a</div>
    <div dataid="222">b</div>
    <div dataid="333">c</div>
    <div dataid="444">d</div>
</div>

function GetAttrElement(tagid,attr,val){
    var e= document.getElementById(tagid);
    var e = e.getElementsByClassName("product")
    var a= new Array();
    for(var i=0;i<e.length;i++){
        if(e[i].getAttribute(attr)==val){
            return e[i];
        }
    }
    return(false);
}

js原生方法：

document.querySelector('div[data-id="222"]')