Question

我有各种各样的麻烦造型简单的HTML 在js和jQuery中这里似乎用jsfiddle来说明。我是新手，并没有看到控制台输出或所需的结果所以我问这个问题，以了解更多关于如何帮助的问题; 我确实搜索过.css没有工作和变化

的javascript

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

document.getElementsByTagName（＆＃39; pre＆＃39;）。text.css（＆＃34; color：blue;＆＃34;）; jQuery的： const preSentences = $（＆＃34; pre＆＃34;）。text（）。split（＆＃34;。＆＃34;）的console.log（{preSentences}）

    //no err no workee in chrome

// preSentences.forEach（function（str）{$（this）.css（＆＃34; color：blue; border：1px solid black＆＃34;）}）; // $ .each（preSentences，function（str）{$（this）.blue}） // preSentences [1] .style（＆＃34;颜色：蓝色;边框：1px纯黑色＆＃34;）;

这个小提琴在这里我想 - 我尝试了嵌入链接，但它并没有显示出来： 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';
}

Answer 2

您可以使用ES6 for循环迭代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');

Javascript .css不工作也不jquery .blue

3 个答案: