我要招人

去企业版

首页 > 试题广场 >

设置文字颜色

[编程题]设置文字颜色

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

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

算法知识视频讲解

查看答案及解析

待看云开

可怕啊，这都难？

发表于 2020-07-11 16:11:22 回复(2)

是天天呀

有四种方式

第一种是行内样式，就是给每个标签都添加上样式

<p style="color:red">欢迎来到牛客网</p>

第二种是内嵌式,在html文件内部添加<style>标签

<style>
    p{
        color:red
    }
</style>

第三种是在css文件中写和第二种一样的就OK

第四种是使用js,获取节点，更改颜***r />

var ps = document.getElementByTagName('p')
 ps.color="red"

发表于 2020-05-05 16:25:18 回复(4)

莫若

嵌入式样式也就是需要在HTML代码中写入样式，而不是在css或JavaScript中写入

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

发表于 2020-01-16 13:32:36 回复(0)

JavaScript

因为找工作所以不断努力

let dom = document.getElementsByTagName('p')
Array.from(dom).forEach((e)=> e.style.color = 'red')

利用Array.from把伪数组转化成为数组之后使用forEach方法给每个元素添加style.color='red'

发表于 2020-09-29 20:17:12 回复(3)

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

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

蔡泽钦

为什么用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)

kinjaze123

var ps = document.querySelectorAll("p");
for(let i in ps){
    ps[i].style.color = 'red';
}

发表于 2020-10-19 15:52:58 回复(1)

野猪宫本

用标签选择器一下子就解决了。

这居然还叫难，这要是难题的话。世界上就没有难题了。

发表于 2020-06-28 10:48:07 回复(2)

Sonnenlicht

        const pEles = document.querySelectorAll('p')
    
        Array.prototype.forEach.call(pEles,item => {
            item.style.color = 'red'
        })

发表于 2023-09-15 00:04:29 回复(1)

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)

想要offer的螺狮粉很活泼

内嵌式：直接在 HTML 标签中的 style 属性中添加 CSS。如：<p style="color:red">欢迎来到牛客网</p>

嵌入式：在 HTML 头部中的 <style> 标签下书写 CSS 代码。如：<style>
p {
color:red;
}
</style>

发表于 2023-02-13 17:11:39 回复(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 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)

牛客984144596号

p{
color:red
}

发表于 2022-03-29 16:04:44 回复(0)

HTML/CSS/JavaScript

三只海豹一家亲

p {
    color: red;
}

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

提交观点

问题信息

来自：校招模拟卷2

难度：

52条回答 49收藏 11899浏览

通过挑战的用户

查看代码

牛客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

设置文字颜色

问题信息

热门推荐

通过挑战的用户

相关试题