- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
为超过 8 个字符的段落中的单词设置背景色“黄色”。
我尝试了下面的 JavaScript 代码,但它显示 Cannot set properties of undefined (setting 'color')
const a=document.querySelector("p");
a.innerHTML=
a.innerText.split(" ")
.map(
function(word){
if (word.length>8){
word.style.color="yellow";
}
else{
return word;
}
}
)
.join(" ");
<h1>Heading</h1>
<!-- this is the paragraph I used-->
<p>Hey, you're not permitted in there. It's restricted. You'll be deactivated for sure.. Don't call me a mindless philosopher, you overweight glob of grease! Now come out before somebody sees you. Secret mission? What plans? What are you talking about? I'm not getting in there! I'm going to regret this. There goes another one. Hold your fire. There are no life forms. It must have been short-circuited. That's funny, the damage doesn't look as bad from out here. Are you sure this things safe?
Close up formation. You'd better let her loose. Almost there! I can't hold them! It's away! It's a hit! Negative. Negative! It didn't go in. It just impacted on the surface. Red Leader, we're right above you. Turn to point... oh-five, we'll cover for you. Stay there... I just lost my starboard engine. Get set to make your attack run.
The Death Star plans are not in the main computer. Where are those transmissions you intercepted? What have you done with those plans? We intercepted no transmissions. Aaah....This is a consular ship. Were on a diplomatic mission. If this is a consular ship...were is the Ambassador? Commander, tear this ship apart until you've found those plans and bring me the Ambassador. I want her alive! There she is! Set for stun! She'll be all right. Inform Lord Vader we have a prisoner.
What a piece of junk. She'll make point five beyond the speed of light. She may not look like much, but she's got it where it counts, kid. I've added some special modifications myself. We're a little rushed, so if you'll hurry aboard we'll get out of here. Hello, sir. Which way? All right, men. Load your weapons! Stop that ship! Blast 'em! Chewie, get us out of here! Oh, my. I'd forgotten how much I hate space travel.
Run, Luke! Run!</p>
最佳答案
也许我们可以尝试使用返回的 span 元素修改 innerHTML。
<script>
const a=document.querySelector("p");
const text = a.innerHTML.split(" ").map(function(word) {
if(word.length > 8) {
return `<span style="color: yellow;">${word}</span>`
} else {
return `<span>${word}</span>`
}
}).join(" ")
a.innerHTML= text
</script>
关于javascript - 使用 JavaScript 为段落中的单词设置背景色 "yellow",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71153244/
昨天我在环境变量中添加了一些路径文件,现在我无法运行 wampserver。我删除了一些路径。现在我完全困惑了。我的本地主机仍然无法工作。 下面我显示了我添加到环境变量中的路径。我应该如何编辑它以使
为超过 8 个字符的段落中的单词设置背景色“黄色”。 我尝试了下面的 JavaScript 代码,但它显示 Cannot set properties of undefined (setting 'c
Es2unix,elasticsearch的监视工具之一。es2unix监视elasticsearch时有一些状态,例如红色或黄色,以显示集群的运行状况。 我想知道确切的状态可以称为红色或黄色,这与C
$('div').animate({ 'background':'yellow' }, 2000,'linear', function() { }) 为什么? 谢谢 最佳答案 来自 j
有什么方法可以从字符串中获取颜色(比如“White”)? Color color; Field field = Class.forName("java.awt.Color").getField("Ye
我想提出尽可能多的十六进制 HTML 值,以实现从红色到绿色的平滑颜色渐变: 我希望这类似于以下内容: http://www.utexas.edu/learn/html/colors.html 我没有
在Jenkins中,可以创建可以包含脚本执行的免费项目。当脚本的返回级别不为0时,构建将失败(变为红色)。 是否有可能使其变为“黄色”? (黄色通常表示构建成功且测试失败) 该系统在Linux上运行。
本文整理了Java中us.ihmc.graphicsDescription.appearance.YoAppearance.Yellow()方法的一些代码示例,展示了YoAppearance.Yell
我在此处注册了 yellow pages.com API 程序:https://publisher.yp.com/home . 我去打这样的电话,我在浏览器中返回 JSON: http://pubap
我以为.Net 代码会被编译成MSIL,所以我一直想知道蓝屏是如何产生错误代码的。如果它正在执行编译后的代码,编译器如何从错误消息中的源文件生成代码? 随意编辑这个问题/标题,我知道这没有意义。 最佳
我是 Elasticsearch 的新手,并尝试使用它来分析来自 Suricata IPS 的数据。 Head 插件向我显示:黄色(262 个中的 131 个)未分配的碎片也得到这个: $ curl
当我在 thymeleaf html 电子邮件模板中引用 images/Yellow.svg 时,出现 500 错误。我得到的错误如下: There was an unexpected error (
当您将 View 滚动到顶部或底部时,如何禁用显示的黄色小渐变。当您到达可滚动区域的边界时,黄色渐变出现,如果您尝试继续滚动,渐变开始显示越来越多。 我试过使用“setVerticalFadingEd
本文整理了Java中us.ihmc.graphics3DAdapter.graphics.appearances.YoAppearance.Yellow()方法的一些代码示例,展示了YoAppeara
如何去除日期选择器今天日期的黄色突出显示?当我的日期选择器通过输入字段调用时我能够做到这一点(从这里得到它:Jquery datepicker: highlight 'today' when clic
有时在使用 Chrome 浏览网站时,您会看到黄色提示。如何为我自己的网站触发该提示? 例如尝试转到 The Independent's website系统会提示您“The Independent n
今天我下载了 Xcode 12.3 的版本,然后我开始运行 iOS 14.3 模拟器,似乎有一个图形故障,所有半透明 View 都是黄色的,包括 Dock。 我重新下载了 iOS 14.2,看起来不错
我完全按照本书(第一个版本)中的示例复制了此示例。 书中给出: p :: Parser (Char,Char) p = do x ([(Char, String)], [(Char, String
我需要做什么:我需要并排创建两个 div。在每个 div 内,我需要具有绝对定位的图像。我还需要将这些图像从一个 div 拖动到另一个 div。 我的问题是拖动的图像消失在另一个div后面。这是jsF
我有一个站点,您可以从中下载 HTML 文件。此 HTML 文件包含一个带有隐藏字段的表单,该表单会立即使用 JavaScript 回传到站点。这是一种允许用户将他们在网站上编辑的数据下载到他们自己的
我是一名优秀的程序员,十分优秀!