Как вставить метатег без использования jquery append?

Я использовал следующий 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.