javascript INNERHTMLについて

質問

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

回答No.3

zxcv0000

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

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

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

参考URL：

http://javascriptist.net/docs/js_ref_ext.html

回答No.2

yyr446

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

回答No.1

yyr446

'<ul type="disc"><li>abc</li><li>def</li></ul>'
みたいに、明示的にtype属性指定して引き渡しても
だめなんですか？

補足

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