テキストサイズ拡大・縮小のJavascriptについて
よろしくお願い致します。
下記のようなコードを使用して、サイト内のHTMLテキストを拡大・縮小させたいと思っています。
//***********************************
//テキストの拡大・縮小
//***********************************
var tgs = new Array( 'div','span' );
//Specify spectrum of different font sizes:
var szs = new Array( '12px','14px' );
var startSz = 1;
function ts( trgt,inc ) {
if (!document.getElementById) return
var d = document,cEl = null,sz = startSz,i,j,cTags;
sz += inc;
if ( sz < 0 ) sz = 0;
if ( sz > 1 ) sz = 1;
startSz = sz;
if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
cEl.style.fontSize = szs[ sz ];
for ( i = 0 ; i < tgs.length ; i++ ) {
cTags = cEl.getElementsByTagName( tgs[ i ] );
for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
}
}
この場合、「var tgs = new Array( 'div','span' );」で指定している、divとspanに含まれるテキストに対して拡大・縮小が適用されるのだと思いますが、特定のdiv要素(<div id="hogehoge">内のテキストなど)を拡大・縮小させないようにするには、どのようなコードを追加すればよいのでしょうか。
もしよろしければ、ご教授頂けると幸いです。
どうぞよろしくお願い致します。
No.1
- 回答日時:
CSSの方で
#hogehoge {font-size:XXpt !important;}
のように!importantを指定すれば、style属性より優先するのでは
No.2ベストアンサー
- 回答日時:
その都度指定したいのであれば、引数に適応しないidを渡すように追加しておいて、
サイズを変更する前に、条件判定すればよいのでは?
if ( cTags[j].id != nid) cTags[ j ].style.fontSize = szs[ sz ];
みたいな感じ。(nidは適用しないid)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
背景色を一定時間ごとにランダ...
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
タブで開いてさらにタブ内をア...
-
javascriptでpostした値が取得...
-
jQueryでシンプルドラッグドロ...
-
プルダウンとチェックボックス...
-
ダブルクォーテーションが消え...
-
<前 次> のようなリンクを見...
-
【jquery】スクロールで背景画...
-
jqueryを使って無駄なspanタグ...
-
displayの状態を取得したい
-
jTweetsAnywhereでハッシュタグ...
-
iframe内のリンクが飛ばないの...
-
取得した要素がインライン要素...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
文字を固定したいのですが…
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
タブで開いてさらにタブ内をア...
-
変数名をどのようにつけるのが...
-
クリックで色変更後に既に変更...
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
console.log結果をhtmlで表示し...
-
jQueryでクリックされた要素のi...
-
HTMLタグに複数のクラスを設定...
-
指定したパスが現URLに含まれて...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
テキストエリア内の一部の文字...
-
変数内容をHTML内で表示する方法
-
classの中の<a>タグにidを追加
おすすめ情報