🟣【DOM】 3.4 要素のプロパティを取得,設定する【（<input>要素）の値をgetAttribute メソッド,valueプロパティで取得】【属性を、属性/プロパティ双方の形式で取得】

let url = link.href；//取得
link.href = 'https://wings.msn.to/'; // 設定

    <form>
      <div>
        <label for="name">氏名：</label>
        <input id="name" type="text" name="name" value="匿名" />
      </div>
      <input id="btn" type="button" value="送信" />
    </form>

let member = document.querySelector("#name");
document.querySelector("#btn").addEventListener(
  "click", //type,イベントの種類
  function () { //listener, イベントの発生時に実行するコード
    console.log(member.value); //結果：佐藤理央（クリック時の入力値）
    console.log(member.getAttribute("value")); //結果：匿名（初期値）
  },
  false //opts,イベントオプション（falseで標準の動作)
);

    <form>
      <div>
        <label for="name">氏名: </label>
        <input id="name" type="text" name="name" disabled="disabled" />
      </div>
      <div>
        <label for="title">質問タイトル：</label>
        <input id="title" type="text" name="title" disabled="" />
      </div>
      <div>
        <label for="comment">質問内容：</label>
        <input id="comment" type="text" name="comment" disabled />
      </div>
      <input id="btn" type="button" value="送信" />
    </form>
  </body>

let els = document.querySelectorAll('input[type="text"]');
//HTML文書内の要素を指定するためのルールを記述したCSSセレクタ。
//特定の条件を満たす要素を取得するためのもの。
for (let el of els) {
  console.log(`${el.name}= ${el.disabled} / ${el.getAttribute("disabled")}`);
}
//name= true / disabled
//title= true / 
//comment= true /