3

かなり簡単な質問だと思いますが、私は初心者であり、自分でこれを解決するのに苦労しており、Googleで答えを見つけることができないようです.

javascriptを使用して取得し、長さを計算し、結果に応じてフォントサイズを編集する必要がある見出しタグがあります。

コードが機能しないのはなぜですか?

var titleElement = document.getElementById("myelement");

if(titleElement.length>10){
titleElement.style.fontSize = 16;
}

編集・追加

.innerHTML を追加するというあなたの親切な提案の後でも、私はそれを動作させることができません:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body onload="titleLengthShow()">
<h1 id="myelement">dfg adg earsh aaerg eaag erg aergethj5 yetfgg eg d</h1>

<script type="text/javascript">

function titleLengthShow(){
var titleElement = document.getElementById("myelement");

    if(titleElement.innerHTML.length>10){
        titleElement.style.fontSize = 16;
    }

}
</script>
</body>
</html>
4

3 に答える 3

3 
var titleElement = document.getElementById("myelement");

if(titleElement.innerHTML.length > 10){
  titleElement.style.fontSize = "16px";
}

動作するはずです。innerHTML は、含まれているテキスト (実際には html) を提供します。

見出しタグ内に書式がある場合、それらの書式タグもカウントされます。代わりに、.innerHTML の代わりに .textContent を使用できますが、これは古い IE では機能しません。古い IE バージョンでは .innerText が機能するはずです。

var length = (titleElement.textContent || titleElement.innerText ||
              title.innerHTML).length;

一般的なブラウザで動作するはずです。

于 2013-01-23T11:38:16.407 に答える
1

変化する

if(titleElement.length>10){
titleElement.style.fontSize = 16;
}

に

if(titleElement.innerHTML.length> 10){
titleElement.style.fontSize = "16px";
}
于 2013-01-23T11:40:48.650 に答える
1

の長さを確認する必要がありtitleElement.innerHTMLます。

そのようなことを行うにはjQueryを調べることを強くお勧めします。

于 2013-01-23T11:37:52.320 に答える