JavaScriptでのPlaceholderのinnertextの取得方法

2024-02-15 20:36 JavaScript フォーム Placeholder

  1. getElementByIdを使用する方法:

    var placeholderText = document.getElementById('myInput').placeholder;
console.log(placeholderText);

  2. querySelectorを使用する方法:

    var placeholderText = document.querySelector('#myInput').placeholder;
console.log(placeholderText);

  3. getElementsByTagNameを使用する方法 (複数の要素を取得する場合):

    var inputs = document.getElementsByTagName('input');
var placeholderText = inputs[0].placeholder;
console.log(placeholderText);

  4. getElementsByClassNameを使用する方法 (クラス名で要素を取得する場合):

    var inputs = document.getElementsByClassName('myInputClass');
var placeholderText = inputs[0].placeholder;
console.log(placeholderText);

  5. jQueryを使用する方法 (jQueryが利用可能な場合):

    var placeholderText = $('#myInput').attr('placeholder');
console.log(placeholderText);

これらの方法を使用することで、フォームのPlaceholderのinnertextを取得することができます。適用する場合は、要素のIDやクラス名を適宜変更してください。