javascriptを使用してIDなしで同じhtml要素を取得

Question

event.targetまたはevent.srcElementで要素を取得しています。

idを設定せずに選択した以前の要素を正確に知るために、イベントのどの情報を保存できますか？

ページを閉じると、同じ要素を取得する方法は？

すべてのparentNodeを保存すると、再度要素を取得するのが非常に遅いようです。

もっと効率的な方法がありますか？

ページには固定数の要素が含まれます。しかし、このページは変更できません。id属性を含めることはできませんでした。ただし、ユーザーがページを再び開いたときにクリックされた最後のタグをマークします。

Answer 1

私は興味深い方法を見つけました。取得するには

// Save node name and position with this 
// el = elemento 
var p = document.getElementsByTagName(nodeName); 
for(var i=0; i<p.length; i++) 
{ 
    if(el == p[i]) 
    { 
     return i; 
    } 
} 

：要素を保存するには

// With nodeName saved and "position" i 
var elem = document.getElementsByTagName(nodeName)[i]; 

Answer 2

あなたの要件に基づいて、クラス名と存在しない場合は要素名に基づいて、ある種のxpathを生成するのが最善の方法です。要素の一意の識別子を取得する唯一の方法であるIDを持っていない場合。例として私のjsfiddleを見てください。

var getNodeIdentifier = function(element) { 
    return element.nodeName.toLowerCase() + "." + $(element).index(); 
};  

var current = element; 
var xpath = getNodeIdentifier(this); 

while (current.parentNode != null) { 
    xpath = getNodeIdentifier(current.parentNode) + "/" + xpath; 
    current = current.parentNode; 
} 

console.log(xpath); 

http://jsfiddle.net/qZMXN/29/

注意してください、唯一の問題は、あなたの要素のどれもがいずれかのクラスを持っていない場合は、同じノード型と同じレベルで複数の要素を持っている場合、これはおそらくそこに、理由は動作しませんですそれらを一意に識別する手段ではありません。

Answer 3

私は似た何かが必​​要と私は（離れて、古いブラウザの互換性から）CSSセレクタを使用してと間違って行くことができるかと思っています。以下のような

何か：

$('body>div:nth-of-type(1)>div:nth-of-type(2)>ul>li:nth-of-type(3)') 

http://jsfiddle.net/ddimitrop/Qa8P2/

一つは、簡単に身体へのパスまで、次のようにセレクタを構築することができます。

function structureSelector(element) { 
    var tagName = element.tagName.toLowerCase(); 
    if (tagName == 'body') { 
    return tagName; 
    } 
    var indexInParent = Array.prototype.indexOf.call(element.parentNode.childNodes, element); 
    return structureSelector(element.parentNode)+'>'+tagName+':nth-child('+(indexInParent+1)+')'; 
} 

http://jsfiddle.net/ddimitrop/w9tbw/