首页 > 试题广场 >

加粗文字

[编程题]加粗文字
  • 热度指数：63852 时间限制：C/C++ 2秒，其他语言4秒 空间限制：C/C++ 256M，其他语言512M
  • 算法知识视频讲解
使用一个标签将“牛客网”三个字加粗显示
算法知识视频讲解
添加回答
HTML/CSS/JavaScript
Active_Waylon头像 Active_Waylon 
// FED13加粗显示

// 描述
// 使用一个标签将“牛客网”三个字加粗显示

// 给定的html代码：
// <p>牛客网，程序员必备求职神器</p>

// 解法1 修改html解决
// <p><strong>牛客网</strong>，程序员必备求职神器</p>

// 解法2 用JS解决
let p = document.getElementsByTagName("p")[0];
// 获取第一个p元素
p.innerHTML = p.innerText.replace("牛客网", "<strong>牛客网</strong>");
// 用加上<strong>标签的文本替换

// JS的另一种实现
// (function(w,d){
//     let p = document.querySelector('p')
//     p.innerHTML = `<strong>牛客网</strong>${p.innerText.replace(/牛客网/, '')}`
// })(window,document)

// 解法3 用CSS设置样式
// 但是题目会检查提交结果文档中strong标签的个数是否为1
// 用例输入 function() { return document.getElementsByTagName('strong').length }
// 预期输出 1
// 实际输出 0
// 所以这种方法不能通过本题目

// // HTML：
// <p><span>牛客网</span>，程序员必备求职神器</p>
// // CSS：
// span {
//     font-weight: bold;
// }

发表于 2021-08-12 17:17:21 回复(2)
牛客910256587号头像 牛客910256587号
为什么<b></b>标签不通过
发表于 2019-12-24 19:20:01 回复(5)
旺仔窝窝头头像 旺仔窝窝头
1、直接用<strong></strong>
2、用<span></span>单独设置CSS样式：font-weight:bold;
发表于 2019-11-15 15:20:50 回复(1)
kinjaze123头像 kinjaze123 
var p = document.querySelector("p");
let text = p.innerHTML;
let newText = text.replace(/牛客网/g,"<strong>牛客网</strong>");
p.innerHTML = newText; 
一顿操作，结果发现可以不用js。我倒
发表于 2020-10-19 15:49:33 回复(1)
HLTHLT头像 HLTHLT
<b> 标签规定粗体文本，应该使用 <strong> 标签来表示重要文本，即加粗
发表于 2018-03-10 09:29:06 回复(0)
牛客518734号头像 牛客518734号 
<p><strong>牛客网</strong></p>

发表于 2016-04-15 22:16:46 回复(0)
牛客715757130号头像 牛客715757130号
牛客网
发表于 2022-09-01 07:41:25 回复(0)
牛客797252567号头像 牛客797252567号
牛客网
发表于 2022-08-02 23:30:43 回复(0)
HTML/CSS/JavaScript
攀登者1号头像 攀登者1号
<p><b>牛客网</b>，程序员必备求职神器</p>
发表于 2022-01-21 11:53:28 回复(0)
HTML/CSS/JavaScript
第四种难得头像 第四种难得
<p><b>牛客网</b>，程序员必备求职神器</p>
发表于 2022-01-04 10:18:47 回复(0)
OerUUU头像 OerUUU 
let p = document.querySelector('p');
let t = p.innerText;
t = t.split('牛客网').join('<strong>牛客网</strong>');
p.innerHTML = t;

发表于 2021-03-06 21:22:15 回复(0)
航棍头像 航棍 
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;


public class Main extends Frame {
	
	public static void main(String[] args){
		new Main().launchFrame();
	}
	public void paint(Graphics g) {
		Font ft1 = new Font("宋体",Font.BOLD,12);
		g.drawString("牛客网", 100, 80);
		g.setFont(ft1);
		g.drawString("牛客网", 100, 100);
	}
	
	public void launchFrame(){
		this.setTitle("字体演示");
		this.setSize(800, 600);
		this.setBackground(Color.white);
		this.addWindowListener(new WindowAdapter(){
			public void windowClosing(WindowEvent e){
				System.exit(0); 
			}
		});
		this.setResizable(false);
		this.setVisible(true);
	}
	

}


编辑于 2015-12-10 20:46:38 回复(3)
诗奕头像 诗奕 
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <style>
       /* 填写样式 */
    </style>
</head>

<body>
    <!-- 填写标签 -->
    <p><strong>牛客网</strong>，程序员必备求职神器</p>
    <script type="text/javascript">
        // 填写JavaScript
    </script>
</body>

</html>

发表于 2024-04-16 20:50:17 回复(0)
JavaScript
可以教我摸鱼嘛头像 可以教我摸鱼嘛 
let p = document.getElementsByTagName("p")[0]

p.innerHTML = p.innerText.replace("牛客网","<strong style='font-weight:999'>牛客网</strong>")
t
这里用strong标签
发表于 2021-03-31 20:13:24 回复(0)
牛客40372189号头像 牛客40372189号
<!-- 填写标签 -->
    <p><strong>牛客网，</strong>程序员必备求职神器</p>
    <script type="text/javascript">
        // 填写JavaScript
        let p = document.getElementsByTagName("p")[0];
        p.innerHTML = p.innerText.replace("牛客网","<strong>牛客网</strong>")
    </script>
这行代码借用楼下大佬，我采用b标签和<strong>标签无效，应该涉及到js和CSS相关的用法
发表于 2024-05-17 22:44:34 回复(0)
百年琢琦头像 百年琢琦
b标签理论上也行，但是这个是它的检测
编辑于 2024-02-19 15:52:01 回复(0)
HTML/CSS/JavaScript
Sonnenlicht头像 Sonnenlicht 
   let pEle = document.querySelector('p')
        const targetStr = '牛客网'
        pEle.outerHTML = pEle.outerHTML.split(targetStr).join(`<b>${targetStr}</b>`)

发表于 2023-09-15 00:46:49 回复(0)
HTML/CSS/JavaScript
牛客55530829号头像 牛客55530829号
<p><strong>牛客网</strong>，程序员必备求职神器</p>
发表于 2023-06-29 11:42:17 回复(0)
HTML/CSS/JavaScript
希望这个昵称能带给我好运头像 希望这个昵称能带给我好运 
<p><b>牛客网</b>，程序员必备求职神器</p>

发表于 2023-03-28 10:46:02 回复(0)
在迎接offer的共享单车人很想吃烤肉头像 在迎接offer的共享单车人很想吃烤肉
6
发表于 2023-03-09 09:30:18 回复(0)
提交观点

问题信息

CSS Javascript
难度：
64条回答 32751浏览

热门推荐

通过挑战的用户

查看代码

相关试题

加粗文字

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号