Javascript .cssが動作しない、またはjquery .blueがありません

Question

シンプルなスタイルのシンプルなhtmlを使用しています。 jsとjQuery jsfiddleは説明のために使用されているようです。 私はそれが初めてで、コンソールの出力や希望の結果が表示されません 私はどのように役立つことができるかについてこの質問をします。 の.cssが動作し、バリエーション

ないためのように、私が検索したjavascriptの

 
    .css() is jQuery. 
    .style is js. 

document.getElementsByTagName（ '前'）text.css（ "色：青;"）; jqueryの： CONST preSentences = $（ "プレ"）、テキスト（）スプリット（ ""） はconsole.log（{preSentences}）

//no err no workee in chrome 

// preSentences.forEach（関数（STR）。 {$（this）.css（ "color：blue; border：1px solid black"）}）; // $ .each（preSentences、function（str）{$これは.blue}） // preSentences [1]。スタイル（ "color：blue; border：1px solid black"）;

フィドルはここにあると思う - 私は埋め込みリンクを試してみましたが、それは表示されません。 https://jsfiddle.net/Lz8nh50o/

Answer 1

getElementsByTagNameのは、タグの配列を返します、そしてあなたがスタイルを設定するために、各1をループしてい。また、あなたは.css（）を使用していますが、これはjQuery関数です。あなたはスタイルを使用する必要があります。

ことは、これを試してみてください：

var preTags = document.getElementsByTagName('pre'); 
for(var i=0; i<preTags.length; i++){ 
    preTags[i].style.color='blue'; 
} 

Answer 2

あなたが-のループES6でhtmlCollentionものの繰り返すことができ、それがきれいそうです。 。

let list = document.getElementsByTagName('pre') 

for (let currentElement of list){ 
    currentElement.style.color ='blue'; 
} 

jQueryの同等は

jQuery('pre').css('color','blue'); 

Answer 3

// JS 
document.querySelectorAll('pre').forEach(str => {str.style.color='blue';}) 

//jQuery 
jQuery('pre').css('color','blue');