1

javascriptを使用してH1タグで囲まれたテキストの色を設定するにはどうすればよいか知りたいです。このために私はcssを使うことができません。

私が試したスクリプトはこれでした-

document.h1.style.color="#fff"

しかし、これはうまくいきません。助けてください。

編集-

これに適したものは本当に見つかりませんでした。実際、私はjavascriptについてあまり知りません.javascriptを使用してH1の色を設定しなければならないという問題に遭遇しました。

どうすれば同じことを行うことができますが、p タグを使用します。

4

4 に答える 4

11 
var h1Elements = document.getElementsByTagName("h1");

for(var i = 0; i < h1Elements.length; i++) {
   h1Elements[i].style.color = "#fff";
}
于 2012-12-27T10:48:20.130 に答える
4

要素を取得する必要があります。次のようなルックアップ：

document.getElementsByTagName('H1')[0]

次に、属性とスタイルをいじるだけです。

于 2012-12-27T10:48:55.970 に答える
1

jQuery を使用すると、非常に簡単に実行できます。

$('h1').css({'color' : '#fff'});
于 2012-12-27T10:48:01.560 に答える
0

このコードを任意のエディターにコピーしてください。お楽しみください。

<!DOCTYPE html>
<html>

<body>
<h1 id="h1">The content</h1> <h1>of the body</h1> element is displayed in your browser.
</br></br></br>
<div onclick="checkAll()"> Click me To See Change</div>
</body>
<script>
function checkAll() {
var divs = document.getElementsByTagName("h1");  // Access all <H1> present in your body.

for(var i = 0; i < divs.length; i++) {   //divs.length contain number of <h1> elements
  var div = divs[i];                     // Now access Each <H1> one-by-one
  div.style.color = 'green';             // Set Color Style of each <h1>
}
}
</script>
</html>
于 2012-12-27T11:12:28.777 に答える