プレーンなJavascriptでhtmlタグのDOMを取得

javascriptでhtmlタグのDOMを取得したい場合は、この書式になります。

document.getElementsByTagName('html')[0]

たとえば、
スマホ版Facebookの右上にあるスライドインするメニューや
jQuery mobileのPanelのように
ページ全体が横にずれて隣や背面からメニューが現れる仕掛けを自前でつくるとき
メニューを展開したとき、横にずれたぶんだけページに横スクロールが生じてしまいます。
これを防ぐため
htmlにoverflow:hidden;を設定することがあるのですが
Xperia acro でスクロールできなくなるCSSのように
htmlにoverflow:hidden;を設定できないケースもあります。

そんな時は、このように
ユーザーエージェントでXperia acroを判定し
htmlタグに設定してあるoverflow:hidden;のスタイルをnoneに書き換えます。

if(navigator.userAgent.match(/SO-02C|IS11S/i)) {
	document.getElementsByTagName('html')[0].style.overflow = 'none';
}

関連記事

Pocket