Javascript DOM操作

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 7839
today: 2
yesterday: 1
now: 23

更新

最新の10件

人気の10件

MenuBar

• テキストボックスに、エラーメッセージの SPAN を Javascript で追加する
  • 普通のテキストボックスに

    <input id="txtBox" type="text"/>

  • エラーメッセージを追加する

    <span>
      <input id="txtBox" type="text"/>
      <span>エラーです</span>
    </span>

• コード

  var txtBox = document.getElementById('txtBox');
  
  var span = document.createElement('span');
  var parent = txtBox.parentNode;
  parent.replaceChild( span, txtBox);
   
  span.appendChild( txtBox );
  var errTips = document.createElement('span');
  span.appendChild(errTips);
  errTips.innerHTML = 'エラーです';

• DOM仕様
  • Document Object Model (DOM) Level 3 Core、W3C、2004

HTML