javascript中DOM的表單操作（附程式碼）

DOM中的表單可以進行什麼樣的操作，操作的方法是什麼？這篇文章就分享給大家javascript中DOM的表單操作，內容很詳細，一起來看看吧。

1、取得表單

#取得表單元素

以Document物件中forms屬性來取得目前HTML頁面所有表單集合
以Document物件中表單的name屬性值來取得表單元素

    

    

<script> console.log(document.forms); // 获取当前HTML页面所有表单元素 console.log(document.mylove); // document表单名称-有些新浏览器是不支持 </script>

取得表單元件元素

##以HTMLFormElement對象的elements屬性來取得表單元件的集合

         

<script> var form = document.forms[0]; console.log(form.elements); </script>

2、表單運算

文字內容的選擇

#以HTMLElement物件和HTMLTextAreaElement物件中select()方法來取得文字方塊所有文字方塊的內容

                   

<script> var username = document.getElementById(username); // 获取ID属性 username.addEventListener(&#39;focus&#39;,function(){ username.select(); }) username.addEventListener(&#39;select&#39;,function () { console.log(username.selectionStart.username.selectionEnd); var value = username.getAttribute(&#39;value&#39;); var result = value.substring(username.selectionStart,username.selectionEnd); console.log(result); }) </script>

設定文字內容##在HTML5新增中setSelectionRange()方法，來取得一個焦點文字方塊的文字內容

body>

                   

<script> var username = document.getElementById(username); // 获取ID属性 username.addEventListener(&#39;focus&#39;,function(){ username.select(); }) username.addEventListener(&#39;select&#39;,function () { console.log(username.selectionStart.username.selectionEnd); var value = username.getAttribute(&#39;value&#39;); var result = value.substring(username.selectionStart,username.selectionEnd); console.log(result); }) </script>

以上是javascript中DOM的表單操作（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！