So erhalten Sie den xpath, indem Sie auf ein HTML-Element klicken

Question

Sep 04, 2013, 08:22 AM

So erhalten Sie den xpath, indem Sie auf ein HTML-Element klicken

Ich bin ziemlich neu in der Programmierung und muss beim Klicken auf ein HTML-Element einen Xpath generieren. Zum Beispiel: Wenn ich auf das Textfeld des Benutzernamens geklickt habe, sollte es mir den xpath wie html / head / body / tr [1] / table [2] ..... etc etc. geben. Hauptsache ich kann nicht benutze firebug, da meine Anwendung gründlich im IE laufen soll. Ich habe viel fxn gesehen, um xpath zu erhalten, und habe versucht, es zu integrieren, aber ich erhalte nicht den Rückgabewert. Ein einfaches Code-Snippet, in dem ich die Funktion jquery click () zum Abrufen des Werts verwendet habe, funktioniert nicht. Das Problem ist, dass ich das HTML-Element in der Funktion nicht übergeben kann. Die xpath-Funktion, die ich nur von dieser Site übernommen habe. Mein Code ist unten.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>click demo</title>
<style> 
p
{ 
   color: red;    
   margin: 5px;
   cursor: pointer; 
}  
p:hover
 { 
   background: yellow; 
 }
</style> 
<script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
</head>
<body> 
<p id ="test">First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>
<script>

$( "#test" ).click(function() { var value= $(this).getXPath();
alert(value) });

function getXPath( element )
{
var val=element.value;
alert("val="+val);
    var xpath = '';
    for ( ; element && element.nodeType == 1; element = element.parentNode )
    {
        alert(element);
        var id = $(element.parentNode).children(element.tagName).index(element) + 1;
        id > 1 ? (id = '[' + id + ']') : (id = '');
        xpath = '/' + element.tagName.toLowerCase() + id + xpath;
    }
    return xpath;
}
</script>
</body>
</html>