z-blog评论留言的引用按钮写法详解

关键字描述:详解 按钮 引用 评论 留言 < " > class .innerHTML

z-blog默认主题的模板b_article_comment.html中

<ul class="msg">

    <li class="msgname"><span class="comment-quote-icon"><a><div class="msg">

<cite>评论者</cite>

<blockquote>评论内容</blockquote>

<p>网站</p>

<p>时间</p>

</div>
  • 讲解z-blog引用所用的JS函数:
    1. 引用的函数: InsertQuote(参数1[评论者],参数2[评论内容])
    2. this.parentNode 表示该节点的上一节点
    3. getElementsByTagName('a')[2].innerHTML 表示获取第二个<a>元素的内容,即<#article/comment/name#>
    4. 同上,getElementsByTagName('li')[2].innerHTML 为<#article/comment/content#>

    修改后的代码

    <div class="msg">
    
    <a onclick="InsertQuote(this.parentNode.getElementsByTagName('CITE')[0].innerHTML,this.parentNode.getElementsByTagName('BLOCKQUOTE')[0].innerHTML);return false;" href=http://www.cppcns.com/cms/zblog/"#comment">引用
    
    评论者
    
    
    评论内容

    网站

    时间


  • z-blog评论留言的引用按钮写法详解

    扫一扫手机访问