2017-11-17 7 views
-4

私は、javascriptを使用して作成されたGUIのタイトルのフォントサイズを増やそうとしています。私はJavaスクリプトのnoobですが、私はちょうど短い時間で既成のGUIにいくつかの調整を加えたいと思っていました。どんな助けもありがとう。どのようにJavaScriptのフォントサイズを大きくするには?

templateObj.$.ti_widget_plot1.layout.title = 'X-Y Scatter Plot'; 

上記のコードは、タイトルにアクセスして名前を変更できるものです。あなたがスターターなので

おかげ

+0

あなたはフィドルを作成できますか? –

+0

これまでに何を研究していますか?私はグーグル: 'どのようにJavaScriptのフォントサイズを増やすのですか? 'と、いくつかの答えをトップの結果で見つけました。あなたのニーズに最も適したものを選んでください。 – Nope

+1

ここではjavascriptで十分ではありません。この言語はさまざまな形式で表示するために使用でき、PDFなども作成できます。この形式は何かを教えてください。 HTMLの場合は、CSSルールをJSよりも使用する方がよいでしょう。 – Kaddath

答えて

0

var a = document.getElementById('text'); 
 
var btn1 = document.getElementById('btn1'); 
 
var btn2 = document.getElementById('btn2'); 
 

 
btn1.addEventListener('click',function(){ 
 
x = window.getComputedStyle(a, null).getPropertyValue('font-size'); 
 
currentsize = parseFloat(x) 
 
a.style.fontSize = (currentsize + 5) + 'px'; 
 
}) 
 
btn2.addEventListener('click',function(){ 
 
x = window.getComputedStyle(a, null).getPropertyValue('font-size'); 
 
currentsize = parseFloat(x) 
 
a.style.fontSize = (currentsize - 5) + 'px'; 
 
})
<button id='btn1'>+</button> 
 
<button id='btn2'>-</button> 
 
<div> 
 
<p id='text'>text content</p> 
 
</div>

0

、私はあなたのためにそれを綴るています。お役に立てれば;

注:あなたのようなスタイリングの問題については、html関連の課題を取り上げる前にまずCSSを見てください。

#div1 { 
 
    font-size:100% 
 
} 
 
#div2 { 
 
    font-size:200% 
 
} 
 
#div3 { 
 
    font-size:300% 
 
}
<div id="div1">this is normal text</div> 
 
<div id="div2">this is BIGG</div> 
 
<div id="div3">this is even more BIGGGGGG</div>

関連する問題