首页 > 试题广场 >

段落标识

[编程题]段落标识
  • 热度指数：31235 时间限制：C/C++ 2秒，其他语言4秒 空间限制：C/C++ 256M，其他语言512M
  • 算法知识视频讲解
请将下面这句话以段落的形式展示在浏览器中——“牛客网是一个专注于程序员的学习和成长的专业平台。”
算法知识视频讲解
添加回答
HTML/CSS/JavaScript
Sefa_feng头像 Sefa_feng
获取body元素子节点下的内容
删除子节点
添加P标签
给p标签添加内容
添加新的子节点p
var p = document.createElement("p");
var text = document.body.childNodes[0].textContent.trim();
document.body.removeChild(document.body.childNodes[0]);
p.innerHTML = text;
document.body.appendChild(p);

发表于 2022-03-23 10:13:09 回复(0)
HTML/CSS/JavaScript
Active_Waylon头像 Active_Waylon
综合讨论区各大佬的解法整理如下： 
// FED14段落标识

// 描述
// 请将下面这句话以段落的形式展示在浏览器中——“牛客网是一个专注于程序员的学习和成长的专业平台。”
// 给定代码：
// html:
// 牛客网是一个专注于程序员的学习和成长的专业平台。

// 综合讨论区各大佬的解法整理如下：

// 解法1 HTML简单实现
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p> 

// 解法2 JS实现 修改给定的HTML代码，定位body并用带p标签的文本代替原文本
let body = document.getElementsByTagName("body")[0];
body.innerHTML = body.innerText.replace("牛客网是一个专注于程序员的学习和成长的专业平台。","<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>");

// 解法3 JS实现 获取给定HTML代码中的文本，删除原子节点，给获取的文本加上p标签，然后插入页面
const pInnerText = document.body.childNodes[0].textContent.trim();
document.body.removeChild(document.body.childNodes[0]);
const p = document.createElement('p');
p.innerHTML = pInnerText;
document.body.appendChild(p);

// 解法4 JS实现 创建一个p标签，嵌入到body中，缺点是没有删除给定的不带p标签的文本
let p = document.createElement("p");
p.innerText = "牛客网是一个专注于程序员的学习和成长的专业平台。";
document.body.append(p);
// document.querySelector("body").append(p);
// body不需要selector，直接document.body就可以了

// 解法5 JS使用document.write，缺点是没有删除给定的不带p标签的文本
document.write('<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>');
发表于 2021-08-10 14:07:47 回复(0)
云蝈蝈头像 云蝈蝈
这能当做题目，我觉得我被侮辱了？
发表于 2020-09-02 10:06:37 回复(0)
AlanLee97头像 AlanLee97
这题真无语，我习惯性的这样写 
<p>
    牛客网是一个专注于程序员的学习和成长的专业平台。
</p>
竟然不通过

只有不换行才通过，无语 
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>


发表于 2020-02-09 10:10:53 回复(4)
HTML/CSS/JavaScript
忠君爱国头像 忠君爱国
获取网页上原本的文字，然后放入p标签中再插入页面
const p = document.body.childNodes[0].textContent.trim();
document.body.removeChild(document.body.childNodes[0]);
const h = document.createElement('p');
h.innerHTML = p;
document.body.appendChild(h);
发表于 2021-08-05 14:03:16 回复(0)
Fanioc头像 Fanioc 
var p = document.createElement("p")
p.innerText = "牛客网是一个专注于程序员的学习和成长的专业平台。"
document.querySelector("body").append(p);

发表于 2020-01-15 23:02:43 回复(2)
HLTHLT头像 HLTHLT
系统默认在javascript下编写，改成在html下编写就成功
发表于 2018-03-10 09:31:38 回复(1)
A白衣苍狗头像 A白衣苍狗
这题也不是考察css啊，直接html文件中编写就可以了
发表于 2019-11-02 18:13:33 回复(0)
添雨头像 添雨
他那个引号是迷惑人的吗？
发表于 2020-09-27 15:44:07 回复(0)
Sonnenlicht头像 Sonnenlicht 
        const par = document.querySelector('body')
        console.log(par)
        const text = par.firstChild.textContent
        console.log(text)

        const pEle = document.createElement('p')
        pEle.innerHTML = text

        par.firstChild.replaceWith(pEle)
咋就不行呢？
发表于 2023-09-15 01:02:27 回复(0)
想吃烤肉的ssr在喝茶头像 想吃烤肉的ssr在喝茶 
// 获取body元素
let bd = document.querySelector('body')
// 创建p元素并写入文本
let para = document.createElement('p')
para.innerHTML = '牛客网是一个专注于程序员的学习和成长的专业平台。'
// 将para挂载到body
bd.append(para)
html里应该已经创建了body元素，所以只要获取就行
发表于 2023-02-28 13:40:59 回复(0)
Amini头像 Amini
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>
这题真无语 这也太简单了
发表于 2023-02-20 20:40:19 回复(0)
HTML/CSS/JavaScript
不会前端的三锤头像 不会前端的三锤
......直接套个p标签不就完了吗
发表于 2022-11-06 06:00:56 回复(0)
HTML/CSS/JavaScript
逆流而上h头像 逆流而上h 
document.querySelector('html').innerHTML = '<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>'

发表于 2022-03-18 10:55:49 回复(0)
HTML/CSS/JavaScript
三只海豹一家亲头像 三只海豹一家亲 
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>

发表于 2022-03-10 09:36:34 回复(0)
HTML/CSS/JavaScript
牛客937754857号头像 牛客937754857号 
let str = document.body.innerHTML
document.body.innerHTML = `<p>${str}</p>`
想问下这个错在哪里，报错是下面这个：

发表于 2021-12-01 10:55:39 回复(1)
小张同学：头像 小张同学：
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>
为什么不可以？
发表于 2021-11-11 16:38:31 回复(0)
牛客176138866号头像 牛客176138866号
3
发表于 2021-10-14 17:09:32 回复(0)
HTML/CSS/JavaScript
浮白勿追忆头像 浮白勿追忆
<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>
发表于 2021-10-10 18:59:52 回复(0)
牛客722408378号头像 牛客722408378号 
let body = document.getElementsByTagName("body")[0];
body.innerHTML = '<p>' + body.innerText + '</p>';

发表于 2021-09-13 17:47:20 回复(0)
提交观点

问题信息

难度：
39条回答 4035浏览

热门推荐

通过挑战的用户

查看代码

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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