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

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

<br />
document.getElementsByTagName('html')[0]<br />

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

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

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

関連記事