Javascript .css 不工作也不 jquery .blue

Question

我在设计简单的 html 样式时遇到了各种麻烦在 js 和 jQuery 中这里好像用了一个jsfiddle来说明。我是新手，看不到控制台输出或期望的结果所以我问这个问题是为了了解更多关于如何提供帮助的信息；我确实搜索了 .css not working and variations

JavaScript

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

document.getElementsByTagName('pre').text.css("color: blue;");jquery: const preSentences = $("pre").text().split(".") console.log({preSentences})

    //no err no workee in chrome

//preSentences.forEach(function(str) { $(this).css("color: blue; border: 1px solid black")});//$.each(preSentences, function(str) { $(this).blue })//preSentences[1].style("color: blue; border: 1px solid black");

我认为 fiddle 在这里 - 我尝试了嵌入链接但它没有显示: https://jsfiddle.net/Lz8nh50o/

Answer 1

getElementsByTagName 将返回一个标签数组，您必须遍历每个标签来设置样式。此外，您正在使用 .css() 但这是一个 jQuery 函数。你必须使用风格。

试试这个:

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