Javascript css不起作用,jquery.blue也不起作用

Javascript css不起作用,jquery.blue也不起作用,javascript,jquery,css,text-styling,Javascript,Jquery,Css,Text Styling,我在设计简单html时遇到了各种各样的麻烦 在js和jQuery中 这里似乎用了一个JSFIDLE来说明。 我是新手,没有看到控制台输出或期望的结果 所以我问这个问题是为了了解更多关于so如何帮助的信息; 我确实搜索了.css不起作用和变体 javascript .css() is jQuery. .style is js. //forEach(函数(str){$(this.css(“颜色:蓝色;边框:1px纯黑”)}); //$.each(呈现,函数(str){$(this.blue}

我在设计简单html时遇到了各种各样的麻烦 在js和jQuery中 这里似乎用了一个JSFIDLE来说明。 我是新手,没有看到控制台输出或期望的结果 所以我问这个问题是为了了解更多关于so如何帮助的信息; 我确实搜索了.css不起作用和变体

javascript

.css() is jQuery. .style is js. //forEach(函数(str){$(this.css(“颜色:蓝色;边框:1px纯黑”)}); //$.each(呈现,函数(str){$(this.blue}) //演示文稿[1]。样式(“颜色:蓝色;边框:1px纯黑色”)

小提琴在这里,我想-我尝试了嵌入链接,但它没有出现:

getElementsByTagName将返回一个标记数组,您必须循环每个标记来设置样式。另外,您正在使用.css(),但这是一个jQuery函数。你必须使用风格

试试这个:

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

for(var i=0;igetElementsByTagName将返回一个标记数组,您必须遍历每个标记来设置样式。此外,您使用的是.css(),但这是一个jQuery函数。您必须使用样式

试试这个:

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

对于(var i=0;i您可以使用ES6 for of循环迭代HTMLCollection,它看起来更干净

let list = document.getElementsByTagName('pre')

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

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

您可以使用ES6 for of循环迭代HTMLCollection,它看起来更干净

let list = document.getElementsByTagName('pre')

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

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

我知道这是可行的。一个jquery等价物可以帮助我理顺我的理解。const jsts=document.getElementsByTagName('pre');jsts.style.color='blue';'jsts'是一个标记数组,你必须为每个标记单独设置样式。尝试console.log(jsts)而不是console.log({jsts})我知道这是可行的。一个jquery等价物可以帮助我理顺我的理解。const jsts=document.getElementsByTagName('pre');jsts.style.color='blue';'jsts'是一个标记数组,你必须为每个标记单独设置样式。尝试console.log(jsts)而不是console.log({jsts})
document.getElementsByTagName('pre').text.css(“color:blue;”
甚至不接近本机DOM方法的有效使用。-您检查开发人员工具控制台是否有错误吗?
document.getElementsByTagName('pre').text.css(“color:blue;”)甚至不接近本机DOM方法的有效使用。-您检查开发人员工具控制台是否有错误?document.queryselectoral('pre')).forEach(str=>str.style.color='blue')。在本例中,您甚至可以删除曲线括号和分号.document.queryselectoral('pre')。forEach(str=>str.style.color='blue')。在本例中,您甚至可以删除曲线括号和分号。