JavaScriptを使用してインラインCSSスタイルを要素に設定するにはどうすればよいですか？

Question

"name"属性で要素を選択しようとしていますが、機能しません。

VM777：1キャッチされない例外TypeError：

var test = document.getElementsByName("parameterstest")[0].tagName; 
test.style.display='none'; 

ITSは、このコードのように思えるはずです。

未定義私のコードの 'tagNameを' はプロパティを読み取ることができませんコンソールでは、私はTEH、次のエラーが表示されますChromeコンソールで実行すると機能します

Answer 1

document.getElementsByName("parameterstest")[0].tagName;と書くと、その要素のタグ名を含む文字列が返されます。その文字列にスタイルプロパティを適用する方法はありません。人々は「TEXTAREA」のように、タグ名の文字列を返す.tagNameを使用して、指摘したようにあなたは、だから、

var test = document.getElementsByName("parameterstest")[0]; 
test.style.display='none'; 

Answer 2

をする必要があります。このdocument.getElementsByName("parameterstest")[0]

のように検索された要素にスタイルプロパティを使用することができますまたは "DIV"であり、文字列にスタイルを設定することはできません。

あなたがしたいように見えるのは、選択したすべての種類のものにスタイルを設定することです。個々の項目で行うことができます。

document.getElementsByName("parameterstest")は、0個以上の項目の配列を返します。 <input type="text" name="...">のようなものは、1つのアイテムになる可能性があります。 <input type="radio" name="...">の場合、いくつかのアイテムになる可能性があります。

返されるアイテムの数にかかわらず、配列の.forEachメソッドを使用すると、すべてのアイテムに何かを適用できます。

document.getElementsByName('parameterstest') 
     .forEach(function(el) { 
        el.style.display = 'none'; 
       });