title: How to set html to a element in extjs
body: <p><strong>1)</strong> How to set <code>HTML</code> to  already created panel or any other Element?</p>
  
  <p>I am a beginner. I tried the below to set some content inside the HTML</p>
  
  <pre><code>var clickedElement = Ext.getCmp('id').el.child('&gt;');
  clickedElement.setHTML("hello");
  </code></pre>
  
  <p>The above is working fine but the problem is that as the panel has many div's inside it.. the above approach is erasing those inside html (i.e div's) and replacing it with the above content. </p>
  
  <p>I saw through Chrome that the panel has three nested div's. So, if I want to add HTML to it then I need to give something like below:</p>
  
  <pre><code>var clickedElement = Ext.getCmp('id').el.child('&gt;').child('&gt;');  //two times child
  </code></pre>
  
  <p>When I tried the above approach, I am successfully adding the html content and also the div's doesn't remove. Here the problem is that, I can't see the added content (maybe because of some default stylings, I can see the content is being added in Chrome console though.)</p>
  
  <p>I am just asking whether there is any efficient way of adding HTML to the panel. In my opinion, this should be very easy approach which I am complexing here.</p>
  
  <p><strong>2)</strong> How to check whether a Element has a particular child ? </p>
  
  <p>Suppose, for example, If I added a <code>extjs Button</code> as a child(item) into my panel while creating it. (which I can do). How to check whether the panel has the particular element (i.e button here)?</p>
  
  <p>Before asking here, I searched alot and found somewhat relative but not helpful <a href="https://stackoverflow.com/q/13608736/1577396">link</a> to my problem.</p>