- ベストアンサー
JavaScriptで実体参照を扱う方法
- JavaScript上でXHTML上の実体参照を含む文字列を生成する方法を教えてください。
- String.fromCharCode()などを使用すれば数値参照は文字化できますが、一文字に変換する方法がわかりません。
- 現在はXHTML本文にテキストを書いてJavaScriptで読み込んで活用していますが、もっと直截的な方法が知りたいです。
- beubeu
- お礼率81% (43/53)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- venzou
- ベストアンサー率71% (311/435)
＃１、２です。連続で失礼します。 何とか変換する方法を探ってみました。 innerHTMLを利用することで、変換することは出来ました。しかし、スマートな方法ではないし、ブラウザによってはうまく動きません。 ・WindowsXP IE6で動作確認 ・Opera8、FireFox2 では が 0x20（通常のスペース）に変換される。 上記を応用した変換後の文字コードを調べるプログラムです。 <html><head> <script language="JavaScript"><!-- function change(){ inp1 = document.getElementById("input1"); spn1 = document.getElementById("span1"); inp3 = document.getElementById("input3"); spn1.innerHTML = "<input id='input2' type='text' value='" + inp1.value + "'>" inp2 = document.getElementById("input2"); inp3.value = inp2.value.charCodeAt(0).toString(16); } // --></script> </head><body> <form> <input id='input1' type='text'> データ（例:&nbsp;）<br> <input type="button" value='変換' onClick='change()'><br> <span id='span1'> <input id='input2' type='text'> </span> 変換後<br> <input id="input3" type='text'> Unicode（16進数）<br> </form> </body></html>
お礼
ご回答ありがとうございます。 なるほど、innerHTML を使うと変換可能ですね。これをヒントに次のような文字列変換関数を作ってみました。 function conv(s) { var span = document.createElement("span"); span.innerHTML = s; return span.firstChild.nodeValue; } これで conv("♥") 等で期待通りの値が返るようになりました。IE7, FireFox2, Opera9 でも動作はするようです。 ただ、多分この innerHTML はメインの文書ファイルの DTD 等のエンティティ定義に従うのですよね？ できれば任意の外部 XML 文書 DOM オブジェクトの実体参照が使えると嬉しいのですけれども。
- venzou
- ベストアンサー率71% (311/435)
- venzou
- ベストアンサー率71% (311/435)
お礼
ご回答ありがとうございます。 おお、まさにこれですね。なるほど createEntityReference はこういう使い方をするのですか。 実行してみたところ、XHTML 以外でも XHTML + MathML などで MathML 独自の entity でも上手く出力が得られました。ありがとうございます。 あとは FireFox 用に var doc = document.implementation.createDocument("", "", null); doc.load("foo.xml"); var ref = doc.createEntityReference("hearts"); と実行してみたのですが、ref は null でした。createDocument のパラメータを createDocumentType などを使用して埋めてもやはり null しか返されません。 https://bugzilla.mozilla.org/show_bug.cgi?id=9850 どうも昔からあるバグのようです (;_;)
補足
「この回答へのお礼」の補足です。 とりあえず FireFox に関しては、動的に、対象となる XML 文書を作り出してそこから読み出す、くらいしか浮びませんでした。 たとえば、MathML という XML の entity の ExponentialE を取り出すとき、次のようにして取り出せました。 var doc = (new DOMParser()).parseFromString([ '<?xml version="1.0"?>', '<!DOCTYPE math PUBLIC "-//W3C//DTD MathML 2.0//EN" "dtd/mathml2.dtd">', '<math xmlns="http://www.w3.org/1998/Math/MathML">ⅇ </math>' ].join("\n"), "text/xml"); var result = doc.documentElement.firstChild.nodeValue; 姑息というかなんというか (^^;