如何在不使用jquery追加的情况下插入元标记？

Question

我使用以下jquery将metatag插入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的情况下插入metatag。任何人都有我该怎么做的想法？

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

[以防万一您想知道，我正在将metatag插入我的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);

Answer 2

您也可以对怪异属性名称（包含非字母数字字符）使用“ setAttribute”（而不是“ .dot”表示法。

Answer 3

Javascript解决方案：

Answer 4

这里是创建元标记的解决方案，如果尚不存在：