電子書籍の厳選無料作品が豊富!

javascriptのINNERHTMLについて教えてください。
親画面から子画面を呼び、引数で下記のようなHTMLを渡します。
"<ul><li>abc</li><li>def</li></ul>"
この引数を子画面で受け取りINNERHTMLに入れて表示したいのですが
・abc
・def
と、ならず
abc
def
というように表示されてしまいます。
引数は親画面で設定した内容によって代わります。
テーブルタグや斜体、太字、下線はうまく表示できるのに
<ul><ol>は


1.
2.
が外れて表示されてしまいます。
何か回避する方法はないでしょうか?

A 回答 (3件)

> INNERHTMLの代替が他にあればいいのですが…



document.createElement(name)
elementNode.setAttribute(name,value)
element.style.*
element.appendChild(element)

を組合せれば、INNERHTML で子タグ追加するのと同じ事ができます。

参考URL:http://javascriptist.net/docs/js_ref_ext.html
    • good
    • 0

じゃあ


'<ul style='list-style-type:disc;'><li>abc</li><li>def</li></ul>'
とか、
javascriptで、
要素.style.listStyleType = 'circle';
するとか
CSS定義で
UL LI { list-style-type: disc; }
とか
    • good
    • 0

'<ul type="disc"><li>abc</li><li>def</li></ul>'


みたいに、明示的にtype属性指定して引き渡しても
だめなんですか?

この回答への補足

回答ありがとうございます。
試してみましたが駄目です。
引数渡しじゃなく直接INNERHTMLに入れてみましたがうまくいきません(:_;)
INNERHTMLの代替が他にあればいいのですが…

補足日時:2009/11/11 14:27
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!