2016-12-28 6 views
0
<body> 
<p style="color:green" id="green" onclick=getIT("green beans")>1.Soy beans </p> 


</body> 
<script> 




function getIT (OneWord){ 
     var theWord= document.getElementById("green"); 

    theWord.innerHTML=OneWord; } 




</script> 

上記のコードは変更されます。私は1つの単語を入力するだけでそれが変更されますが、私は文字列を入力した場合、それは変更されません。理由を理解できません。innerHTMLは1語だけ返します

+0

4つのスペースでインデントしてコードをフォーマットしてください。インデントの一部がオフになっているので、修正することができます。 – Carcigenicate

答えて

0

あなたのHTMLが無効である、あなたは、単一引用符(')で、あなたの文字列を折り返す、その後、関数の前と後の"を使用するために、あなたのonclickのハンドラを書き換える必要がある - または他の方法で回避:参照

onclick="getIT('green beans')" 

このdemo

+0

ありがとう、私はaddeventlistenerメソッドが良いと思うが、私はちょうどこの方法を試してみたかった。 –

関連する問題