2016-11-26 3 views
0

のスタイルプロパティを使用してテキストを変更する方法は、テキストを変更する必要があるボタンがあります。今、私はonclick=document.getElementById('id').innerHTML="text"を使用することができることを知っているが、私はそう私の質問があり、そのようなこの例では、html、css

**onclick = myFunc()** 


<script> 
    function myFunc() 
    var x = document.getElementById('id'); 
    x.style.property = 'text'; 
    </script> 

という機能を作っています、私はテキスト

+1

? – Linek

+0

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_innerhtml – SMW

+0

「innerHTML」ではなく「textContent」プロパティを使用できますが、JavaScriptのテキストを変更できるJavaScriptプロパティはありません素子。生成された要素に対して 'content' CSSプロパティを使用することはできますが、私が知る限りJavaScriptに対しては読み取り専用です。そして、値を設定するために 'attr()'または 'counter()を使った場合には、計算された値ではなく、元の文字列だけを読み込みます。 –

答えて

0

号「スタイル」に変更されますどの使用することができます任意のプロパティがありますプロパティはスタイリングのためのものです。非常に特殊な例外がいくつかありますが、それらはコンテンツの外観を変更するためのものです。コンテンツ自体を変更することはありません。

他にinnerHTMLの代替手段があります。 innerHTMLはHTMLコンテンツを要素に追加するためのものです。

もう1つの代替方法はtextContentです。要素にプレーンテキストを追加します。

var x = document.getElementById('foo'); 
 
x.textContent = 'text';
<button id="foo">Hello World</button>

0

あなたが使用してテキストを設定することができます:あなたはそれを使用しませんなぜあなたは `innerHTML`を使用することができます知っている場合

<script> 
    function myFunc(){ 
     var x = document.getElementById('btntext'); 
     x.style.color = "green"; 
     x.style.fontSize = "large"; 
     x.value = "This is new TExt"; 
    } 
</script> 
<body> 
<input type="text" id="btntext" value="This test"/> 
<button onClick="myFunc()" name="send">change color</button> 
</body> 
0

function changeText(id) { 
 
    id.innerHTML = "Text has been changed!"; 
 
}
<h1 onclick="changeText(this)">Click on this text!</h1>

関連する問題