2016-04-12 9 views
2

アラートボックスにinner.htmlの要素を設定したいとします。しかし、その要素はIDを持っていないので、私はページではなくプラグインをコーディングしているので、それを与えることはできません。親クラスの要素を一意に識別する

私は要素の両方がある唯一の子要素であることを知っている:クラス「icon25のicon_next_arrow」ID =「co_documentFooterResultsNavigation」

  • を持つ要素のいくつかの子供のうち
    • :以前の二つの基準

    の両方を満たしている唯一の要素がどのように私は同等のものをやって行くだろう210

    var x = document.getElementById("correctElement").innerHTML; 
    alert(x); 
    
  • +0

    HTML構造を投稿できますか? – j08691

    +0

    上記の基準を満たすすべての構造に適したソリューションはありませんか? – TiredofGoogling

    +0

    あなたの質問からHTML構造を描くのは難しいです。簡単な例が多く役立ちます。 –

    答えて

    1

    これは正しいですか?

    var x = document.querySelector(
        '#co_documentFooterResultsNavigation icon25.icon_next_arrow' 
    ); 
    alert(x); 
    

    getElementByIdの代わりにquerySelectorを使用します。最初の要素のための

    使用クリックハンドラ:

    var x = document.querySelector(
        '#co_documentFooterResultsNavigation icon25.icon_next_arrow' 
    ); 
    x.onclick = function() { 
        alert(x.innerText); 
    } 
    

    エミュレートjQueryを使ってとても簡単クリックしてください:

    $(x).trigger('click'); 
    
    +0

    これは正しいと思われます。もう少し小さいもので私を助けてくれますか?要素をクリックするとどうしますか? .click()は次のコンテキストで動作します:document.getElementById( 'element')。click(); – TiredofGoogling

    +0

    上記のサンプルは最初の要素のみを選択します。 クリックハンドラーが必要な場合:document.querySelector( '...').onClick = function(){...} コードを貼り付け... –

    +0

    最初のおかげで!第二に、私はクリックを処理しようとしていない、私は1つをエミュレートしようとしている。 – TiredofGoogling

    関連する問題