2016-11-18 8 views
1

のコンテンツを選択することはできません機能HTMLコードからの抜粋を考えてみましょう:JSは、HTML入力ボックス

<td>Field X: <br/><input type="text" id="field_x" value=""></td> 

私はID「field_x」とのInputFieldの内容を取得したいです。何らかの理由で、

function get_content(){ 
    var content = document.querySelector("field_x").value; 
    return content; 
} 

ただし、次のエラーメッセージでは動作しない関数内の行

var content = document.querySelector("field_x").value; 

と結果:

を、この目的を達成するために、私は、次のJavaScript関数を書かれています

"nullのプロパティ '値'を読み取れません"

ここで何がうまくいかないのですか?

+0

Typoでは、 'document.querySelector(" field_x ")。value'に'# 'を忘れてしまいました。ブラウザのコンソールで基本的なデバッグを行う方法を学ぶ必要があります。 – j08691

+0

'document.querySelector("#field_x ")。value'または単に' document.getElementById( "field_x")を使用してください。value' – Nemoy

答えて

2

正しい構文は次のようになります。

var content = document.querySelector("#field_x").value; 

または

var content = document.getElementById("field_x").value; 
+0

ありがとうございます! –

+3

idセレクタから#を削除する – Mahi

+0

@Mahiありがとう。それは私が最初の行をコピーして2番目の行に貼り付けるために得たものです... –

0

あなたのセレクタで#記号が欠落しています。

関連する問題