俯仰斋 發表於 2009-6-6 15:43:16

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

关键字描述：详解 按钮 引用 评论 留言 &lt &quot &gt class .innerHTML<br /><br />





<p class="codehead codeShown">z-blog默认主题的模板b_article_comment.html中</p>

<pre class="html4strict code html4strict codeShown">&lt;ul class=&quot;msg&quot;&gt;

    &lt;li class=&quot;msgname&quot;&gt;&lt;span class=&quot;comment-quote-icon&quot;&gt;&lt;a onclick=&quot;InsertQuote(this.parentNode.parentNode.parentNode.getElementsByTagName('a').innerHTML,this.parentNode.parentNode.parentNode.getElementsByTagName('li').innerHTML);return false;&quot; href=&quot;&quot;&gt;&lt;img src=&quot;&lt;#ZC_BLOG_HOST#&gt;image/common/quote.gif&quot; height=&quot;9&quot; width=&quot;9&quot; alt=&quot;quote&quot; title=&quot;quote&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&amp;nbsp;&lt;a name=&quot;cmt&lt;#article/comment/id#&gt;&quot;&gt;&lt;#article/comment/count#&gt;&lt;/a&gt;.&lt;a&gt;&lt;#article/comment/name#&gt;&lt;/a&gt;&lt;/li&gt;

    &lt;li class=&quot;msgurl&quot;&gt;&lt;a href=&quot;&lt;#article/comment/urlencoder#&gt;&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;#article/comment/url#&gt;&lt;/a&gt;&lt;/li&gt;

    &lt;li class=&quot;msgarticle&quot;&gt;&lt;#article/comment/content#&gt;&lt;/li&gt;

    &lt;li class=&quot;msgtime&quot;&gt;&lt;#article/comment/posttime#&gt;&amp;nbsp;&lt;a href=&quot;#comment&quot; onclick=&quot;RevertComment('&lt;#article/comment/id#&gt;')&quot;&gt;&lt;#ZC_MSG265#&gt;&lt;/a&gt;&lt;/li&gt;

&lt;/ul&gt;</pre>



<p>要把其格式改成如下结构，z-blog引用评论的按钮要如何写呢？： </p>

<pre class="html4strict code html4strict">&lt;div class=&quot;msg&quot;&gt;

&lt;cite&gt;评论者&lt;/cite&gt;

&lt;blockquote&gt;评论内容&lt;/blockquote&gt;

&lt;p&gt;网站&lt;/p&gt;

&lt;p&gt;时间&lt;/p&gt;

&lt;/div&gt;</pre>



    <li class="level1">

    讲解z-blog引用所用的JS函数：

    <ol>

      <li class="level2">

      引用的函数: InsertQuote(参数1[评论者],参数2[评论内容])

      

      <li class="level2">

      this.parentNode 表示该节点的上一节点

      

      <li class="level2">

      getElementsByTagName('a').innerHTML 表示获取第二个&lt;a&gt;元素的内容,即&lt;#article/comment/name#&gt;

      

      <li class="level2">

      同上,getElementsByTagName('li').innerHTML 为&lt;#article/comment/content#&gt;

      

    </ol>

   





<p class="codehead codeShown">修改后的代码</p>

<pre class="html4strict code html4strict codeShown">&lt;div class=&quot;msg&quot;&gt;

&lt;a onclick=&quot;InsertQuote(this.parentNode.getElementsByTagName('CITE').innerHTML,this.parentNode.getElementsByTagName('BLOCKQUOTE').innerHTML);return false;&quot; href=&quot;#comment&quot;&gt;引用&lt;/a&gt;

&lt;cite&gt;评论者&lt;/cite&gt;

&lt;blockquote&gt;评论内容&lt;/blockquote&gt;

&lt;p&gt;网站&lt;/p&gt;

&lt;p&gt;时间&lt;/p&gt;

&lt;/div&gt;</pre>



<br />
頁: [1]
查看完整版本: z-blog评论留言的引用按钮写法详解