我要招人

去企业版

首页 > 试题广场 >

段落标识

[编程题]段落标识

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

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

算法知识视频讲解

HTML/CSS/JavaScript

不会前端的三锤

......直接套个p标签不就完了吗

发表于 2022-11-06 06:00:56 回复(0)

HTML/CSS/JavaScript

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

逆流而上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号

let str = document.body.innerHTML
document.body.innerHTML = `<p>${str}</p>`

想问下这个错在哪里，报错是下面这个：

发表于 2021-12-01 10:55:39 回复(1)

HTML/CSS/JavaScript

浮白勿追忆

<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>

发表于 2021-10-10 18:59:52 回复(0)

HTML/CSS/JavaScript

美英

<p>牛客网是一个专注于程序员的学习和成长的专业平台。</p>

发表于 2021-09-08 22:14:29 回复(0)

HTML/CSS/JavaScript

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)

HTML/CSS/JavaScript