2011年6月21日 星期二

在html中顯示xml

最近有個需求
需要在html中顯示xml的標籤
例如<element></element>

可是瀏覽器會自動把.html裡面
所有<>都解釋為標籤
然後會因為看不懂該標籤函意
而什麼都不顯示

有幾種方法
1.跳脫字元:將<換成&lt, >換成&gt.
範例:按右鍵看看本頁面的原始檔, 就是利用跳脫字元顯示<.
2.用innerText屬性.
例如:
<body>
<span id="abc">
</span>
</body>
<script>
var abc = document.getElementById("abc");
abc.innerText="<element>Hello!</element>";
</script>
innerText屬性值將不會被看瀏覽器解譯

(另一個innerHTML就會被瀏覽器解譯)
3.表單的文字輸入方框<textarea></textarea>之中的文字, 也不會被瀏覽器解譯.

沒有留言:

張貼留言