ホームページ  >  記事  >  ウェブフロントエンド  >  htmlのname属性を使用してdom要素を取得します

htmlのname属性を使用してdom要素を取得します

一个新手
一个新手オリジナル
2017-09-18 10:53:302797ブラウズ

これまで、dom要素の取得はjsのdocument.getElementById()やdocument.getElementByNameなどのメソッド、もしくはjQのセレクターを利用するのが基本でしたが、実はhtmlのname属性を利用して直接dom要素を取得することも可能です。コードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
<script>
 function check(){
  listForm.sel.checked=true;
 }</script></head><body><form name="listForm">
 <input type="checkbox" name="sel"/></form><input type="button" value="button" onclick="check();"/>
 </body>
 </html>

ボタンキーを押すと、フォーム内の sel という名前のチェックボックスが選択されます。

以上がhtmlのname属性を使用してdom要素を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。