Apps Scriptリファレンス: Apps Script Reference |障害・課題追跡: IssueTracker |Google Workspace: Status Dashboard - Summary

2017年12月18日月曜日

displayとvisibilityの設定


displayとvisibilityの設定を書き残しておきたくて


display


JavaScriptで設定する場合


要素が表示されていない状態
element.style.display = "none";


前後に改行のある表示
element.style.display = "block";

前後に改行のない表示
element.style.display = "inline";


HTMLで設定する場合

style="display: none;"
style="display: block;"
style="display: inline;"


CSSで設定する場合

{display: none;}
{display: block;}
{display: inline;}





visibility


JavaScriptで設定する場合


要素がそこに表示されているが見えない状態
element.style.visibility = "hidden";


見える状態
element.style.visibility = "visible";


HTMLで設定する場合

style="visibility: hidden;"
style="visibility: visible;"


CSSで設定する場合

{visibility: hidden;}
{visibility: visible;}




Latest post

Googleドライブ内の音声ファイルをiframe内で再生したい

iframe の src にGoogleドライブ内の音声ファイルを埋め込む例です (今回試した音声ファイルはmp3) Code.gs function doGet () { return HtmlService . createTemplateFromFile ( ...