html - javascriptを使用して、自動生成されたHTMLのフォントサイズをpxからemに変更します

Question

HTML制御できない Web サービスから生成されたがあります。のHTMLフォントサイズはpxとにありptます。私の要件は、すべての font-sizes をに変更することですem。

これは私が試したものです:

<font>を使用してすべてのタグにアクセスしようとしました:

document.getElementByTagName('font').style.fontSize;

nullただし、に多くのフォントタグがあるのに戻ってきますHTML。

CSS私が読んだすべての関連情報源は、私たちが制御できるか、またはHTML私の問題には当てはまらないと想定しています。

要するに、を解析してHTMLすべてのインラインスタイル (font-size) を見つけ、他のタイプからem.

score 0 · Accepted Answer

あなたのアプローチの問題は、ノードリスト全体のスタイルを変更しようとしていることです。

getElementsByTagName を呼び出しても、要素は 1 つも返されません。ノード内の要素を反復処理してから、各要素で使用する必要がありelememt.style.fontSize = size;ます。

score 0 · Accepted Answer

スタイルが HTML の場合は、インラインスタイルです。それをオーバーライドする CSS Wizardry はありません。インラインスタイルを直接変更する必要があります。

探しているものは次のとおりです。

var elem = document.getElementById("elementID");
elem.setAttribute("style", "font-size: 2em");

IE で問題が発生するsetAttribute可能性があるため、それが懸念される場合は、それを処理するためのフォールバックを作成する必要があります。

score 0 · Accepted Answer

0

試してくださいdocument.getElementsByTagName.......あなたはsを省いています:)

于 2013-01-30T05:50:46.830 に答える

3 に答える 3