题解 | #加粗文字#

加粗文字

http://www.nowcoder.com/practice/919c502e497f4c53a3f7c336beec7cb4

// FED13加粗显示

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

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

// 解法1 修改html解决
// <p><strong>牛客网</strong>,程序员必备求职神器</p>
//为啥用<b></b>没有用
// 解法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;
// }
全部评论

相关推荐

头像
不愿透露姓名的神秘牛友
04-29 12:10
点赞 评论 收藏
转发
32 7 评论
分享
牛客网
牛客企业服务