はどのようにHTMLを持ってExtJSの

Question

で親クラス名を使用して、子要素のinnerHTMLプロパティを取得します私は子供のテキスト値を更新できるように子要素にアクセスできますか？

Answer 1

一つ、これを解決するのは非常にエレガントな方法をすることができません：あなたはExt.query ('.parent')を使用する場合

Ext.query('.parent')[0].childNodes[1].innerHTML = 'Your text here'; 

、あなたはすべての子の配列がparentクラスを持つオブジェクトの(DOM)オブジェクトを取得します。この場合、の項目が配列に返されます。このの項目はdivで、クラスはparentです。

このアイテムは3人の子供、再び#text、spanと#textを持っています。最初の#textは、spanの前のテキストを参照し、spanは対象オブジェクトであり、3番目のオブジェクトは#textであり、spanの後にあるテキストです。

したがって、配列の2番目の要素（この場合はspan）にアクセスする必要があります。次に、innerHTMLプロパティにアクセスし、テキストを設定します。

Here fiddleの例では、index.htmlファイルを確認してください。

Answer 2

Ext.query('.parent span.child')[0].innerHTML = 'Your new child text'; 

クエリ.parent span.child試合parentのdiv内のクラスchildを持つすべてのスパン。 Ext.queryは、操作できるDOMオブジェクトの配列を返します。

Ext.dom.Elementのオブジェクトが必要な場合は、trueというクエリ関数をsecoundパラメータとして呼び出すことができます。詳細は、documentation of ExtJs 6を参照してください。

A working fiddle.

Answer 3

ここでは別の方法です：私はあなたには、いくつかのより多くのコンテキストを提供示唆しているのsetText fiddle