JSページの要素のValue値またはテキスト値を取得する方法

10370 ワード

javaScript javascript value値を取得

まず、フォームページのページ要素を巡回して取得する必要があります.
1.getElementsByTagName方法で取得できます.

getElementsByTagName("    ") //              ，       
document.getElementsByTagName("  ") //              
alert(document.getElementsByTagName("div").length) //         ，      1

要素セットを取得したら、ループによって要素を巡回することができます.条件はラベルです.lengthです.

<!DOCTYPE HTML>
<html>

<head>
    <title>test</title>
</head>
<script type="text/javascript">
    //        div  input   
    window.onload = function () {
      //        
        var div1 = document.getElementsByTagName("div")[0]; //     DIV，    [0]            DIV  
        var inputs = div1.getElementsByTagName("input"); //   DIV    input    
        for (var i = 0; i < inputs.length; i++) {
      //      input     
            var value = inputs[i].value;//  value     value 
            var text = inputs[i].innerText;//  innerText  innerHTML        
            alert(value);
            alert(text);
        }
    }
</script>

<body>
    <form name="form1" method="GET">
        <div>
            input1：<input name="input1" type="text" value="      1" />
            input2：<input name="input2" type="text" value="      2" />
        </div>
    </form>
</body>

</html>

最初のinputタグのテキストを取得する必要があれば、このように書くことができます.

document.getElementsByTagName("input")[0].innerHTML

innerHTMLはテキストを取得する方法としてもいいし、テキストの内容を変更する方法としてもいいです.
element.innerHTMLは直接にelementノードの下にあるすべてのHTML化されたテキストの内容に戻ります.
例えば、bodyのテキストを取得します.

<body>
    <div>  </div>
    <div>  </div>
</body>

document.body.innerHTML    //  "  
  
";

逆方向の場合は、値を賦課することができます.

document.body.innerHTM="  
  
"

   

<body>
    <div>  </div>
    <div>  </div>
</body>

textContentとinners HTMLの方法は同様に対象ノードの下のすべてのテキストの内容に戻ります.
ただし、textConteentと区別して返される内容は、HTML化されたテキストノードの内容だけです.

document.body.textContent //   "    "

2.該当テキストを取得したら、replace関数によって置き換えられます.つまり、該当文字列を見つけて、空の文字列で置換します.

var str="hello world!";
str=str.replace("hello","");
//             ，

配列の脱重と平たい化