javascript - 如何在不使用 jquery append 的情况下插入元标记？

Question

我使用以下 jquery 将元标记插入到 html 文档中。

<script type="text/javascript">
if(screen.width>=320 && screen.width<=767){
$('head').append('<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">');}    
</script>

如果可能，我想在不使用 jquery 的情况下插入元标记。有人知道我该怎么做吗？

我相信我可能需要使用 document.getElementByTagName 但我不确定如何使用。

以防万一你想知道，我将元标记插入到我的 html 中以优化站点以便使用 iphone 查看。不幸的是，width=device-width 不是一个选项，因为它不能很好地与我的 ipad 版本一起播放。

Answer 1

var viewPortTag=document.createElement('meta');
viewPortTag.id="viewport";
viewPortTag.name = "viewport";
viewPortTag.content = "width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=0";
document.getElementsByTagName('head')[0].appendChild(viewPortTag);