JavaScriptで文字列をパラメータとして引用符で囲む方法

Question

かなり基本的な質問をしたいと思います。 関数内の文字列値をパラメーターとして引用符を付けずに送信する方法を見つける必要があります。といった。 私のhtmlファイルは次のようになります -

<p id='demo'> 
</p> 

とjsのコードは次のようになります -

function Random(data){ 
    document.getElementById("demo").data = "Paragraph changed!"; 
} 

Random(textContent); 

しかし、それだけでは動作しません！ 他の技術を使って仕事をやり遂げることはできますか、それとも基本的に不可能ですか？

Answer 1

引用符で囲まれていないJSプログラムのテキストではstringではなく、expressionです。

あなたのコードは、いくつかの理由で必要と思われる方法では機能しません。まず、渡されるdataパラメータで何もしていません。.dataは、getElementByIdで取得したDOM要素のプロパティです。 dataは、アクセスするプロパティーのリテラル名です。dataパラメーターの値への参照ではありません。あなたは、あなたがそれにアクセスするためにbracket notation instead of dot notationを使用する必要がありますdata変数として渡された名前のプロパティにアクセスするためには：

function random(data) { 
    document.getElementById("demo")[data] = "Paragraph changed!"; 
} 

random("textContent"); 

あなたは、私がRandomからrandomに関数名を変更し気付くでしょう。 constructor functionsの場合はconvention in JS to only use capitalized namesであるためです。

「文字列」を引用符で囲まずに使用しようとしたためです。 JavaScriptエンジンがrandom(textContent);を見ると、randomという名前の変数がtextContentという変数の値を最初のパラメータとして渡すことを意味すると解釈されます。 textContentという名前の変数を定義していないので、渡される値はundefinedです。引用符で囲むと文字列リテラルに変換され、意図した文字列が渡されます。

Answer 2

あなたのコードが正しいですが、文字列変数を使用して、オブジェクトの属性にアクセスしたい場合は、このようにそれを行う必要があります：あなたは引用符なしの文字列」を渡すことはできません

document.getElementById("demo")[data] = "Paragraph changed!"