我要招人

去企业版

首页 > 试题广场 >

设置文字颜色

[编程题]设置文字颜色

热度指数：41412 时间限制：C/C++ 2秒，其他语言4秒空间限制：C/C++ 256M，其他语言512M
算法知识视频讲解

请使用嵌入样式将所有p标签设置为红色文字

算法知识视频讲解

查看答案及解析

HTML/CSS/JavaScript

牛客516045375号

<p>欢迎来到牛客网</p>
<p>在这里，我们为你提供了IT名企的笔试面试题库</p>
<p>在这里，我们以题会友</p>
<style>
    P{
        color:red;
    }
 </style>
<!--
<p style="color:red"style="color:red">欢迎来到牛客网</p>
<p style="color:red"style="color:red">在这里，我们为你提供了IT名企的笔试面试题库</p>
<p style="color:red">在这里，我们以题会友</p>
-->

发表于 2023-03-20 13:52:51 回复(0)

HTML/CSS/JavaScript

牛客494230531号

先获取p元素节点let arr = document.getElementsByTagName("p")，然后再通过遍历把每一个节点都加上样式。for(let i=0;i<arr.length;i++){ arr[i].style.color = 'red'}

发表于 2022-10-19 10:02:10 回复(0)

HTML/CSS/JavaScript

牛客803536196号

let p = document.getElementsByTagName('p');
let a = Array.from(p)
a.forEach(item => {
item.style.color = 'red';
})

发表于 2022-10-10 21:44:34 回复(0)

HTML/CSS/JavaScript

蔡泽钦

为什么用let of遍历这个数组，右边字都红了还是不能通过；

elements = document.getElementsByTagName('p');
for (let element of elements){
element.style.color = 'red';
}

用下标遍历就能过；

elements = document.querySelectorAll('p');
for (var i=0; i<elements.length; i++){
elements[i].style.color = 'red';
}

发表于 2022-10-08 07:40:53 回复(1)

HTML/CSS/JavaScript

小猫很放浪

let p = document.querySelectorAll('p')
Array.from(p).forEach(item => {
    item.style.color = 'red'
})

发表于 2022-09-07 14:57:06 回复(0)

HTML/CSS/JavaScript

DOPeace

let Plist = document.getElementsByTagName('p')
for (let i = 0; i < Plist.length; i++) {
Plist[i].style.color = 'red'
}

发表于 2022-08-21 20:12:24 回复(0)

HTML/CSS/JavaScript

牛客240510911号

let p=document.querySelectorAll("p");
for(var i=0;i<p.length;i++){
p[i].style.color="red"
}

发表于 2022-05-20 08:51:49 回复(0)

HTML/CSS/JavaScript

凛冬已至**

遍历

var ps = document.querySelectorAll('p')

for(var i = 0; i < ps.length; i++) {
ps[i].style.color = 'red'
}

发表于 2022-04-16 20:48:02 回复(0)

HTML/CSS/JavaScript

Sefa_feng

var style = document.createElement('style');
style.type = "text/css";
style.innerHTML="p{color:red }";
document.getElementsByTagName("HEAD").item(0).appendChild(style);

发表于 2022-03-24 10:28:13 回复(1)

HTML/CSS/JavaScript

福行天下

p {
    color: red;
}

发表于 2022-03-10 09:37:28 回复(0)

HTML/CSS/JavaScript

攀登者1号

let p = document.getElementsByTagName('p')
for(let i = 0;i < p.length;i++){
p[i].style.color = "red"
}

发表于 2022-01-21 14:32:02 回复(0)

HTML/CSS/JavaScript

如果不出意外会出意外

你是在逗我？

发表于 2021-09-17 20:40:43 回复(0)

HTML/CSS/JavaScript

牛客138516959号

p{
color:red;
}

发表于 2021-08-26 11:57:20 回复(0)

HTML/CSS/JavaScript

Active_Waylon

从CSS 样式代码插入的形式来看基本可以分为以下3种：内联式、嵌入式和外部式三种。
本题要求的是嵌入式，也就是将相关设置写在<head>标签包裹的<style type="text/css"></style>中间

如果直接在html文档中修改：

<style type="text/css">
    p {
        color: rgb(255,0,0);
    }
</style>

虽然可以生效且通过，但这里有个问题是题目给出的html代码仅有三个p标签，所以我怀疑这里仅是body标签内部的部分，将style写在这里不符合通常的做法，所决定用JavaScript实现：

let head = document.head;
let style = document.createElement("style");
style.type = "text/css";
style.innerHTML = "p {color: rgb(255,0,0);}";
head.appendChild(style);

发表于 2021-08-25 10:55:37 回复(0)

HTML/CSS/JavaScript

人生若只能初见

const pNodeList = document.querySelectorAll('p')

Array.from(pNodeList).forEach(node => {
    node.style.color = 'red'
})

发表于 2021-08-24 12:16:24 回复(0)

HTML/CSS/JavaScript

暴走雯雯

解决了一道较难题，终于找回自信了。。

发表于 2021-08-02 16:38:54 回复(0)

HTML/CSS/JavaScript

牛客880864872号

var p = document.querySelectorAll('p')
for(var i = 0;i < p.length;i++){
    p[i].style.color = '#f00'
}

发表于 2021-08-01 23:02:42 回复(0)

提交观点

问题信息

CSS Javascript

来自：校招模拟卷2

难度：

19条回答 53收藏 12542浏览

通过挑战的用户

查看代码

牛客93598...

2023-06-29 17:41:17
牛客72737...

2023-06-29 16:55:44
牛客72272...

2023-06-29 12:08:23
ihao901

2023-06-29 11:17:44
蓝boss

2023-06-29 10:32:07

设置文字颜色

问题信息

热门推荐

通过挑战的用户

相关试题