HTMLDOM入力番号プレースホルダープロパティ
HTML DOM入力番号プレースホルダープロパティは、番号入力フィールドのプレースホルダー属性の値を返し、変更します。
構文
以下は構文です-
-
プレースホルダーを返す
object.placeholder
-
プレースホルダーの変更
object.placeholder = “text”
例
HTMLDOM入力番号プレースホルダープロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<style>
html{
height:100%;
}
body{
text-align:center;
color:#fff;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
height:100%;
}
p{
font-weight:700;
font-size:1.1rem;
}
input{
display:block;
width:35%;
border:2px solid #fff;
background-color:transparent;
color:#fff;
font-weight:bold;
padding:8px;
margin:1rem auto;
}
.btn{
background:#0197F6;
border:none;
height:2rem;
border-radius:2px;
width:35%;
margin:2rem auto;
display:block;
color:#fff;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>placeholder property Demo</h1>
<p>Hi, Enter your age:</p>
<input type="number" class="numberInput" placeholder="Enter your age">
<button type="button" onclick="change()" class='btn'>Change Placeholder</button>
<script>
function change() {
var numberInput = document.querySelector(".numberInput");
numberInput.placeholder = "Please enter your age";
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
「プレースホルダーの変更」をクリックします 」ボタンをクリックして、プレースホルダーの値を変更します。
-
HTMLDOMTextareaプレースホルダープロパティ
HTML DOM Textareaプレースホルダープロパティは、HTMLドキュメントのテキストエリア要素のプレースホルダー属性の値を返し、変更します。 構文 以下は構文です- 1。プレースホルダーを返す object.placeholder 2。プレースホルダーの追加 object.placeholder = “text” HTML DOM Textareaプレースホルダープロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style> body {
-
HTMLDOMnodeTypeプロパティ
HTML DOM nodeTypeプロパティは、ノードのタイプに対応する番号を返します。 以下は構文です- 数値を返す Node.nodeType ここで、戻り値は次のようになります- 要素ノードの番号「1」 属性ノードの番号「2」 テキストノードの番号「3」 コメントノードの番号「8」 注：空白はテキストノードとしてのみ見なされます。 HTML DOM nodeTypeの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nodeType</t