Jak zdobyć ścieżkę xp, klikając element HTML
Jestem całkiem nowy w programowaniu i muszę wygenerować Xpath po kliknięciu elementu HTML. na przykład: jeśli kliknąłem pole tekstowe nazwy użytkownika, to powinno dać mi xpath jak html / head / body / tr [1] / table [2] ..... etc itd. Najważniejsze jest to, że nie mogę użyj firebug, ponieważ moja aplikacja działa na IE. Widziałem dużo fxn, aby uzyskać xpath i próbowałem go zintegrować, ale nie otrzymuję wartości zwracanej. Prosty fragment kodu, w którym użyłem funkcji jquery click () do pobrania wartości, nie działa. Rzecz w tym, że nie mogę przekazać elementu html w funkcji. Funkcja xpath, którą pobrałem tylko z tej witryny. Mój kod jest poniżej.
<!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>