Ein Element im DOM auf der Grundlage eines Attributwerts finden

Question

Können Sie mir bitte sagen, wenn es eine DOM-API, die für ein Element mit gegebenen Attributnamen und Attributwert suchen:

Etwa so:

doc.findElementByAttribute("myAttribute", "aValue");

Answer 1

So können Sie auswählen querySelector :

document.querySelector("tagName[attributeName='attributeValue']")

Answer 2

Änderungsantrag für die Antwort von Daniel De León
Es ist möglich, zu suchen mit
^= - filtert Elemente, bei denen id (oder ein anderes Attribut) mit view Stichwort

document.querySelectorAll("[id^='view']")

Answer 3

Hier ist ein Beispiel, wie man Bilder in einem Dokument nach dem src-Attribut suchen kann:

document.querySelectorAll("img[src='https://pbs.twimg.com/profile_images/........jpg']");

Answer 4

Könnten Sie getAttribute verwenden:

 var p = document.getElementById("p");
 var alignP = p.getAttribute("align");

https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

Answer 5

function optCount(tagId, tagName, attr, attrval) {
    inputs = document.getElementById(tagId).getElementsByTagName(tagName);

    if (inputs) {
        var reqInputs = [];

        inputsCount = inputs.length;

        for (i = 0; i < inputsCount; i++) {

            atts = inputs[i].attributes;
            var attsCount = atts.length;

            for (j = 0; j < attsCount; j++) {

                if (atts[j].nodeName == attr && atts[j].nodeValue == attrval) {
                    reqInputs.push(atts[j].nodeName);
                }
            }
        }
    }
    else {
        alert("no such specified tags present");
    }
    return reqInputs.length;
}//optcount function closed

Dies ist eine Funktion, die verwendet wird, um einen bestimmten Tag mit einem bestimmten Attributwert auszuwählen. Die zu übergebenden Parameter sind die Tag-ID, dann der Tag-Name - innerhalb dieser Tag-ID - und das Attribut und viertens der Attributwert. Diese Funktion gibt die Anzahl der gefundenen Elemente mit dem angegebenen Attribut und dessen Wert zurück. Sie können diese Funktion nach Ihren Wünschen ändern.