ExtJS如何取出某个DIV中的内容

Posted 2020-06-19 Gould-Zhang

在使用ExtJS的时候，不免我们要在某个DIV中取出DIV的内容，因此通过查找api和相关资料应该向如下方式进行取值

 1 Ext.onReady(function(){
 2     var panel = new Ext.Panel({
 3         title:‘Ext.core.domhelper.applystyles示例‘,
 4         width:300,
 5         height:200,
 6         renderTo:‘sub1‘,
 7         html:"<div id=‘div1‘ style=‘height:160px;padding:5px;background-color:green‘>DIV中的文字<div id=‘div2‘ style=‘padding:5px;background-color:blue;width:100px‘>嵌套的DIV</div></div>"
 8     });
 9     
10     var str = Ext.get("div1").dom.innerHTML;
11     
12     var str2 = Ext.get("div1").dom.outerHTML;
13     
14     Ext.Msg.alert(‘提示‘,str);
15     
16 })

经过设置断点：

str = "DIV中的文字<div id="div2" style="padding:5px;width:100px">DIV嵌套</div>"

str2 = "<DIV style="PADDING-BOTTOM: 5px; BACKGROUND-COLOR: green; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; HEIGHT: 160px; COLOR: red; FONT-SIZE: 18px; FONT-WEIGHT: bold; PADDING-TOP: 5px" id=div1>DIV中的文字

 

<DIV style="PADDING-BOTTOM: 5px; BACKGROUND-COLOR: blue; PADDING-LEFT: 5px; WIDTH: 100px; PADDING-RIGHT: 5px; PADDING-TOP: 5px" id=div2>DIV嵌套</DIV></DIV>"

由此可以看出如果是innerHTML则会将该id节点下的所有元素显示出来，无论其中是否有转义字符（即嵌套的html代码）

如果是outerHTML，则会将该节点以及其节点下所有元素显示出来。

 

 

对Ext认识不深，欢迎大家提意见。