5

私はJavaスクリプトの初心者です。Javaスクリプトを使用してテキストの色を赤に変更するための次のコードを実行しますが、機能しません。コードのエラーは何ですか？

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">click on the button bellow.....</p>

<button onclick="display()">Display</button>

</body>
</html>
4

5 に答える 5

9

innerHTMLから削除var col=document.getElementById("demo").innerHTML;

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var col=document.getElementById("demo");
col.style.color="#FF0000";
}
</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">click on the button below.....</p>

<button onclick="display()">Display</button>

</body>
</html>
于 2013-01-29T04:25:31.243 に答える
6

を使用しないinnerHTMLでください。文字列を返します。

オブジェクト自体のスタイルを使用します。

それが機能していることを確認してください：JsFiddle

于 2013-01-29T04:24:04.520 に答える
2

あなたはこれを試すことができます...

document.getElementById('demo').style.color = '#FF0000';
于 2013-01-29T04:32:07.667 に答える
1

このコードを置き換えます：

function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}

これとともに：

function display()
{
var col=document.getElementById("demo");
col.style.color="red";
}

内部htmlにはデモタグ内のhtmlが含まれますが、タグ自体を参照する必要があります。

于 2013-01-29T04:28:36.823 に答える
0 

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
document.getElementById("demo").style.color="red";
}
</script>
</head>
<body>

<h1>Your Fixed JavaScript</h1>
<p id="demo">click on the button bellow.....</p>

<button onclick="display()">Display</button>

</body>
</html>

これが修正されたものです。単語を変更したところ、そうではなかったので赤に変わりました。

于 2021-06-07T21:23:01.427 に答える