使用HtmlParser解析HTML

如果要对HTML进行解析,提取HTML的数据或者修改HTML数据,HtmlParser是一个不错的选择.
使用HtmlParser可以解析本地和网络上的HTML数据:

Parser parser = new Parser( new Winista.Text.HtmlParser.Http.HttpProtocol(new Uri("uriString")));

Parser parser = new Parser( new Winista.Text.HtmlParser.Lex.Lexer( "HtmlString" ) );

System.IO.Stream stream = new System.IO.FileStream( "filePath" , System.IO.FileMode.Open );
Parser parser = new Parser( new Winista.Text.HtmlParser.Lex.Lexer( new Winista.Text.HtmlParser.Lex.Page( stream ,"charSet") ) );

还可以分析某些特定节点的数据,使用 NodeClassFilter 指定要分析的节点类型:

NodeFilter filter = new NodeClassFilter( typeof( Winista.Text.HtmlParser.Tags.Div ) );

使用Parser实例的Parse方法可以获得节点数组

NodeList nodeList = parser.Parse( null );

NodeList nodeList = parser.Parse( filter);

现在分析一下的一段HTML:

<div class="divCss" id="div_1">
    <div name="div" class="divCss" id="div_2">div_2</div>
    <table name="table" id="table_1">
        <tr>
            <td>HtmlParser</td>
            <td><div id="div_3"><font color="red">HtmlParser</font></div></td>
        </tr>
    </table>
</div>

txtResult是显示分析处理后的数据,txtSource是读取HTML数据的文本框

//记录个节点的起始位置,避免重复处理
    IList<int> start = new List<int>( );
    protected void Button1_Click ( object sender , EventArgs e )
    {
        this.txtResult.Text = string.Empty;
        Lexer lexer = new Lexer( this.txtSource.Text );
        Parser parser = new Parser( lexer );
        NodeFilter filter = new NodeClassFilter( typeof( Winista.Text.HtmlParser.Tags.Div ) );
        NodeList nodeList = parser.Parse( null );
        if ( nodeList.Count == 0 )
            txtResult.Text = "没有符合要求的节点";
        else
        {
            for ( int i = 0 ; i < nodeList.Count ; i++ )
            {
                paserData( nodeList[i] );
            }
        }
    }
    private ITag getTag ( INode node )
    {
        if ( node == null )
            return null;
       return  node is ITag  ? node as ITag :  null;
    }

    private void paserData ( INode node)
    {
        ITag tag = getTag( node );
        if ( tag != null && !tag.IsEndTag( ) && !start.Contains(tag.StartPosition))
        {
            object oId = tag.GetAttribute( "ID" );
            object oName = tag.GetAttribute( "name" );
            object oClass = tag.GetAttribute( "class" );
            this.txtResult.Text += tag.TagName + ":\r\nID:" + oId + " Name:" + oName
                   + " Class:" + oClass + " StartPosition:" + tag.StartPosition.ToString( ) + "\r\n";
            start.Add( tag.StartPosition );
        }
        //子节点
        if ( node.Children != null && node.Children.Count > 0 )
        {
            paserData( node.FirstChild );
        }
        //兄弟节点
        INode siblingNode = node.NextSibling;
        while ( siblingNode != null )
        {
            paserData( siblingNode );
            siblingNode = siblingNode.NextSibling;
        }
    }

txtResult显示的数据为：

DIV:
ID:div_1 Name: Class:divCss StartPosition:0
DIV:
ID:div_2 Name:div Class:divCss StartPosition:34
TABLE:
ID:table_1 Name:table Class: StartPosition:90
TR:
ID: Name: Class: StartPosition:127
TD:
ID: Name: Class: StartPosition:136
TD:
ID: Name: Class: StartPosition:160
DIV:
ID:div_3 Name: Class: StartPosition:164
FONT:
ID: Name: Class: StartPosition:180

HtmlParser将我们指定的数据给分析出来了,现在来对要分析的数据进行一些修改:给没有name和class属性的指定属性:

           object oId = tag.GetAttribute( "ID" );
            object oName = tag.GetAttribute( "name" );
            object oClass = tag.GetAttribute( "class" );

            if ( oName == null )
            {
                oName = "name";
                tag.SetAttribute( "name" , oName.ToString( ) );
            }
            if ( oClass == null )
            {
                oClass = "class";
                tag.SetAttribute( "name" , oClass.ToString( ) );
            }
            this.txtResult.Text += tag.TagName + ":\r\nID:" + oId + " Name:" + oName
                   + " Class:" + oClass + " StartPosition:" + tag.StartPosition.ToString( ) + "\r\n";
            start.Add( tag.StartPosition );

txtResult显示的数据为：

DIV:
ID:div_1 Name:name Class:divCss StartPosition:0
DIV:
ID:div_2 Name:div Class:divCss StartPosition:34
TABLE:
ID:table_1 Name:table Class:class StartPosition:90
TR:
ID: Name:name Class:class StartPosition:127
TD:
ID: Name:name Class:class StartPosition:136
TD:
ID: Name:name Class:class StartPosition:160
DIV:
ID:div_3 Name:name Class:class StartPosition:164
FONT:
ID: Name:name Class:class StartPosition:180

HtmlParser实现了我们的目的,现在在给节点为DIV并且ID为div_3的节点添加一个子节点:

            object oId = tag.GetAttribute( "ID" );
            object oName = tag.GetAttribute( "name" );
            object oClass = tag.GetAttribute( "class" );
            if ( tag.TagName == "DIV" && tag.GetAttribute( "ID" ) == "div_3" )
            {
                INode newNode = new TextNode( "add a new node" );
                tag.Children.Add( newNode );
            }
            this.txtResult.Text += tag.TagName + ":\r\nID:" + oId + " Name:" + oName
                   + " Class:" + oClass + " StartPosition:" + tag.StartPosition.ToString( ) + "\r\n";

输出nodeList[0].ToHtml( ):

<div class="divCss" id="div_1">
    <div name="div" class="divCss" id="div_2">div_2</div>
    <table name="table" id="table_1">
        <tr>
            <td>HtmlParser</td>
            <td><div id="div_3"><font color="red">HtmlParser</font>add a new node</div></td>
        </tr>
    </table>
</div>

id为div_3的div节点后面加上了要添加的数据.