ホームページ > ウェブフロントエンド > jsチュートリアル > document.write() の出力 style_javascript スキルに関する簡単な説明

document.write() の出力 style_javascript スキルに関する簡単な説明

WBOY
リリース: 2016-05-16 16:00:23
オリジナル
1699 人が閲覧しました

js の最も基本的なコマンドの 1 つである document.write() は、単にページにコンテンツを印刷するために使用されます。必要なコンテンツをそのまま印刷できます - document.write("content")、ここではコンテンツです。出力する必要があるコンテンツ; もちろん、変数などの JS の変更を出力する必要がある場合もあります。その場合は、もちろん document.write(variable) を使用する必要があります。出力。

変数を出力できるので、位置やスタイルなどの変数の表示を制御したいと思うでしょう。最初の制御方法は、

などのスタイルをアプリケーション内に追加することです。

コードをコピー コードは次のとおりです:
document.write(" =font-size:20px;font-family= Helvetica;"コンテンツ""

追加する必要のあるスタイルが多すぎると、見た目が肥大化するだけでなく、修正するのも不便になります。

この場合、セレクターを使用した方が確実に快適です。ただし、セレクターを使用する場合はさまざまな二重引用符や一重引用符を使用する必要があるため、二重引用符や一重引用符が早期に一致しないように注意する必要があります。これを回避する方法は、" を使用してブラウザーに通知することです。時期尚早に一致する場合の例は次のとおりです:

document.write("<div id=\"ok\">"+percentage+"</div>");

ログイン後にコピー

ここでは、スタイルを制御するために ok という名前の ID セレクターが定義されています。ID 名は二重引用符で囲む必要があるため、前の二重引用符との一致を避けるために、" を使用してそれを宣言し、CSS ファイル内で宣言します。内部

#ok{style;}
ログイン後にコピー

その後、必要なスタイルと位置を定義できます。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート