JavaScriptインジェクションを使用してウェブサイトのテキストにアクセスする

Question

javascriptインジェクションを使用して、ウェブサイトの特定のテキストにアクセスしたいとします。

しかし、私はHTMLを使っていますが、ほとんどの人がIDが不足していることが分かります。そのため、テキストへのアクセス方法はわかりません。例えば

、HTMLの2行以下のとおりである。

<td valign="top" width="100%" > 
<h1>My example heading</h1> 

はまだこのテキストが言う見つけるのどのような方法があるでしょうか？また

、DOは、そのテキストが言うことを知っていれば、テキストの以下のビットを見つけるのいずれかの方法がある...それはページ上本当に依存だ

<td valign="top" width="100%" > 
<h1>You are trying to work out:</h1> 
<h1>This text</h1> 

Answer 1

を行うことができ、上記ああ、それは全然悪くないです言ったことを実行します。テーブルの多くがあった場合は、これで最初の行を交換する必要があるかもしれません、

var els = document.getElementsByTagName("td"); 
var text1 = ""; 
var text2 = ""; 
for (var i = 0; i < els.length; i++) { 
    if (els[i].width == "100%" && els[i].getAttribute("valign") == "top") { 
     var h1s = els[i].getElementsByTagName("h1"); 
     if (h1s.length > 0) text1 = h1s[0].innerHTML; 
     if (h1s.length > 1) text2 = h1s[1].innerHTML; 
    } 
} 

今：テーブルを取得します。

var els = document.getElementsByTagName("table")[2].getElementsByTagName("tr")[4].getElementsByTagName("td"); 

などという読むあなたは、このような何かをしたいと思います3つ目の要素を選択します。そのテーブルの行をすべて取得し、5番目の行を選択します。その行のすべてのセルを取得します。 100％の幅とvaligned topを持つものを探して、彼らがh1を持っているかどうかを見てください。

フィドル：http://jsfiddle.net/JUK5R/26/

Answer 2

。例えば

、あなたは常に第三H1に興味があるならば、あなたは（jQueryを使って例を、せずにそれを行うことも簡単である）ことができます：

h1s = $("h1"); 
myh1 = h1s[2]; 

しかし、ページがdinamycallyあり、場合あなたは常にあなたの要素に到達するための再現可能な方法を見つける必要があります（たとえば、id xxxのテーブルを取得し、yyyのテキストを見つけて2番目のdiv子要素を取るまで行を調べます）。

これはおそらく100％の時間では動作しませんが、実際には他の解決策はありません。

EDIT：例えば、私はあなたが

// Get all the tds of the table with id tableid 
table = $("#tableid td"); 

// Go through the td 
for (var i=0; i<tds.length; i++) 
    { 
    // If the content of the cell matches some pattern 
    if ($(rows[i]).text().match(/somestring/)) 
     { 
     // Get the span children of the td 
     divchildren = $(rows[i]).children("span"); 
     // Take the 2nd 
     requiredText = $(divchildren[1]).text(); 
     } 
    }