2017-11-06 22 views
-1

のdocument.createElement( "LABEL")

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <p>Click the button to create an Input field.</p> 
 

 
    <button id="btn" onclick="myFunction()">Try it</button> 
 

 
    <script> 
 
    function myFunction() { 
 
     var y = document.createElement("LABEL"); 
 
     var yv = prompt("Enter Caption value:", ""); 
 
     y.setAttribute("value", yv); 
 
     document.body.appendChild(y); 
 

 
    } 
 
    </script> 
 

 
</body> 
 

 
</html>

私は上記のコードを使用して 'ルベル' を作成します。動いていない。 plzは助ける...

+2

の下スニペットのように作成したラベルの内側にいろいろ書いを置きます。 'y.textContent = yv'を使う – Rajesh

+0

あなたのブラウザのデバッグツールを使ってページ上のHTMLを見ると、実際にあなたのコードは'

答えて

3

function myFunction() { 
 
    var y = document.createElement("LABEL"); 
 
    var yv = prompt("Enter Caption value:", ""); 
 
    y.innerHTML = yv; 
 
    document.body.appendChild(y); 
 
}
<p>Click the button to create an Input field.</p> 
 

 
<button id="btn" onclick="myFunction()">Try it</button>

コンテンツを追加するためにinnerHTMLを使用しています。

+0

複製にはお答えできないことにご注意ください。あなたは投票を使用して閉じるべきです – Rajesh

0

あなたは、単純なことのmyfriendを忘れてしまったがラベルが属性[値]を持っていない

<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <p>Click the button to create an Input field.</p> 
 

 
    <button id="btn" onclick="myFunction()">Try it</button> 
 

 
    <script> 
 
    function myFunction() { 
 
     var y = document.createElement("label"); 
 
     var yv = prompt("Enter Caption value:", ""); 
 
     y.setAttribute("value", yv); 
 
     y.innerText = yv; 
 
     document.body.appendChild(y); 
 

 
    } 
 
    </script> 
 

 
</body> 
 

 
</html>

+0

生成されたラベルタグに 'value'属性があるのはなぜですか? – Connum

+0

良い質問ですが、質問のスニペットを編集しました。多分、質問に関連しない機能に使用されていますか? – FrontTheMachine