Mozillaで XSLT適用後のDOMのinnerHTML にアクセスするとエラー

* Mozillaで XSLT適用後のDOMのinnerHTML にアクセスするとエラー

この記事の直リンクURL: Permlink | この記事が属するカテゴリ: [Mozilla] [XML] [JavaScript]

2005-03-16 の「RSS を XSLT で html に変換して見栄え良く表示する」において、「Mozilla の XSLT プロセッサは disable-output-escaping="yes" を無視する」という現象を書いた。Misc Change Log のいわたさんがいろいろと調査してくださった。ありがとうございます。

- 本家 bugzilla には登録済み

Bug 98168 - <xsl:text disable-output-escaping="yes"> not working
https://bugzilla.mozilla.org/show_bug.cgi?id=98168

すでに本家には登録済みなんですね。bugzilla をチェックすることまでは思いが至りませんでした。
このバグは

Status: VERIFIED
Resolution: WONTFIX

になってるってことは、えーと、

Bugzilla の検索フォームを使用するためのヘルプ
http://bluequartz.org/bugzilla-jp/queryhelp.cgi

VERIFIED- QA がバグと処理方法を見た上で、適切な処理がなされたと同意した。
(略)
WONTFIX - 将来にわたって修正されることはないとされた問題。

すなわち修正されないってことが決まったってことですか。ええー、そんなー。

- JavaScript で「Mozilla の XSLT プロセッサは disable-output-escaping="yes" を無視する」に対処する

いわたさんが書いてくださったのが以下の JavaScript。

disable-output-escaping="yes"
http://quasiquote.org/log/2005/03/18/disable-output-escaping

代替案としては上のリンクにあるように、innerHTML をいじればいいのだろうか。

...
</head>
<script type="text/javascript">
function onload_cb() {
var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
if (el.className == 'description') {
   el.innerHTML = el.textContent;
}
}
}
</script>
<body>
<xsl:if test="system-property('xsl:vendor')='Transformiix'">
   <xsl:attribute name="onload">onload_cb()</xsl:attribute>
</xsl:if>
<div class='description'>
   <xsl:value-of select="content:encoded" disable-output-escaping="yes"/>
</div>
</p>
....

みたいにしてみたけど、innerHTML に代入するところで例外吐いて死ぬ。ううむ。

確かにエラーになりました。Mozilla/5.0 (Windows; U; Windows NT 5.0; ja-JP; rv:1.7.5) Gecko/20041108 Firefox/1.0 です。でも何でだろう? el.innerHTML = el.textContent; の右辺の el.textContent を固定文字列に変えてもエラーになるので、innerHTML のアクセス時の例外か。

Firefox の JavaScript コンソールに表示されたエラー

エラー: uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLElement.innerHTML]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: file:///E:/cygwin/home/sonic/public_html/log/cl.xml :: onload_cb :: line 6" data: no]

- XSL 変換後文書の DOM ツリーをチェックしてみる

Firefox 付属の DOM インスペクタで XSL 変換後の文書の DOM ツリーを確認したが、問題なさそうだ。エラーになる原因として考えられるのは、XSL 適用後の DOM ツリーの場合、innerHTML にはアクセスできないという制約または仕様の存在かなあ。

html に XSL 変換後の文書をハードコーディングしたときはちゃんと el.innerHTML = el.textContent; が動作する。以下の html を euc-jp で保存して Firefox にレンダリングさせたら、エスケープした h1 がちゃんとエスケープ解除されて html としてレンダリングされた。つまり、JavaScript 自体には問題がないということだ。

<html lang="ja"><head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">

<title>Landscape - エンジニアのメモ</title>
<link rel=stylesheet href="diary.css" media="all">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<script type="text/javascript">
function onload_cb() {
var elements = document.getElementsByTagName('div');
for (var i = 0; i < elements.length; i++) {
var el = elements[i];
if (el.className == 'sec_body') {
el.innerHTML = el.textContent;
}
}
}
</script>

</head>
<body onload="onload_cb()">
<div class="day">
<p class="pdate"><span class="date"><a name="2005-03-16" href="2005-03-16.html">2005-03-16 (Wed)</a></span></p>
<div class="body">

<div class="section">
<div class="subtitle"><h2><a name="2005-03-16-1" href="2005-03-16.html#2005-03-16-1"><span class="sanchor">*</span></a> <strong class="clitemheader">XML: RSS: RSS を XSLT で html に変換して見栄え良く表示する</strong></h2><p>この記事の直リンクURL: <a href="2005-03-16.html#2005-03-16-1" title="この記事にリンクする場合などに使う恒久的な URL">Permlink</a> | この記事が属するカテゴリ: [<strong><a href="cat_xml.html" title="XML カテゴリの記事一覧">XML</a></strong>] [<strong><a href="cat_rss.html" title="RSS カテゴリの記事一覧">RSS</a></strong>]</p></div>
<div class="sec_body">

<h1>H1</h1>

</div>
</div>
</div>
</div>
</body>
</html>

うーん、今回は有効な対処法がなかったなあ。Google で disable-output-escaping を検索したら、属性値のエスケープを解除する裏技的な方法はあったんだけど、私がやりたいことには応用できなさそうだし。

属性値のエスケープ無効化 - XML & SOA
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=1206 ...

飛騨の職人さんのような、手作りも現在は可能です。
[xml-users 8826] Re: MSXMLと.NETFramework ClassLibraryのXSLT変換の相違
http://www2.xml.gr.jp/log.html?MLID=xmlusers&TID=8815

<xsl:for-each select = "@*">
<xsl:text> </xsl:text>
<xsl:value-of disable-output-escaping="yes" select="name()" />
<xsl:text>=</xsl:text>
<xsl:text disable-output-escaping="yes">"</xsl:text>
<xsl:value-of select="." />
<xsl:text disable-output-escaping="yes">"</xsl:text>
</xsl:for-each>

XSLT ！斬り！