ホームページ > バックエンド開発 > PHPチュートリアル > document.getElementById('text1') 談話分析!

document.getElementById('text1') 談話分析!

WBOY
リリース: 2016-06-13 13:13:32
オリジナル
1706 人が閲覧しました

document.getElementById('text1').**** ステートメント分析! ! !
コンテキスト コードは必要ですか?

JScript コード
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->



 var xmlhttp;
    function hello(){
       xmlhttp=ajax1();
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var url='demo02.php?a='+a+'&b='+b;

        xmlhttp.open('get',url);
        xmlhttp.onreadystatechange=display;
        xmlhttp.send();}
    function display()
    {
        if(xmlhttp.readyState==4 && xmlhttp.status==200)

            document.getElementById('text1').value=xmlhttp.responseText;
    }



ログイン後にコピー


HTML コード
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
A<input type="text" id='a'><br>
B<input type="text" id='b'><br>
和是:<div  id='text1'></div>
<input type="button" value="点击" onclick='hello()'>


ログイン後にコピー


このメソッドについては、以前 JavaScript を学習していたときに話しました。
しかし、恥ずかしながら私はそのことを忘れていました。
今日友達に聞いたのですが、
document.getElementById('text1') はテキスト ボックスを取得することです。
document.getElementById('text1').value はテキスト ボックスの値を取得します。

しかし、後でまた変更しました。
document.getElementById('text1').innerHTMl でも値を取得できます。
w3c の言っていることは曖昧すぎてよくわかりません

簡単に説明していただけますか。
詳細が足りない場合はご指摘ください。 。

-----解決策---------
document はドキュメント オブジェクト (Web ページ全体) です
getElementById() はドキュメント ドキュメント オブジェクトのメソッドであり、特定の ID 属性を持つ要素を取得するために使用されます。
その名前が示すように、
document.getElementById('text1') は、text1 の ID を持つ HTML ノード オブジェクトを取得します。
このノード オブジェクトには value、innerHTML、innerText などの属性があります。
これらの属性は異なります。詳しく説明するには長い記事がたくさんあります。ほんの数語でそれらを説明します。
------解決策------------------

document.getElementById('text1').value
? ? ? ?

div には value 属性がないため、エラーが発生します
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート