javascript - 有条件地编写html的方法

Question

我想检测浏览器是否支持不同的功能：

   var useWrappedLayout = (document.getElementById != undefined);

我必须支持相当旧的设备，这就是我检查 getElementById 的原因。

根据是否useWrappedLayout为真，我希望页面是否有一些 HTML 元素。

为了保持简单并举个例子，假设我只想拥有

 <p>Test</p>

之间

 <b>A</b><i>C</i>

如果useWrappedLayout是true。

我有什么方法？只有innerHTML？

Answer 1

使用 javascript 动态构建 HTML

<script type="text/javascript">
    var useWrappedLayout = (document.getElementById != undefined);
    document.write("<b>A</b>" + ((useWrappedLayout) ? "<p>Test</p>" : "") + "<i>C</i>");
</script>