[已解决]求怎么在textnode换行

Darth_EF

我想要用append()方法添加一串字符串在某个元素的末尾，该怎么换行呢?

最佳答案

月排行榜 / 总排行榜

不二如是

2023-7-21 08:34:58

Darth_EF 发表于 2020-11-22 23:56
html有两种节点，一种是textnode，一种是element。html的换行符号是一个element。

我希望要在textnode ...

可以在字符串中使用 \n 来添加换行:

// 目标元素
const element = document.getElementById('element'); 

// 要添加的字符串
const str = '第一行\n第二行\n第三行';

element.append(str);

在字符串里用 \n 就可以实现换行。

另外,也可以用模板字符串,用反引号分割字符串,然后直接换行:

const str = `第一行
第二行 
第三行`;

element.append(str);

模板字符串就可以直接换行,不需要写 \n。

还可以通过 append() 追加 DOM 元素来实现换行效果:

const line1 = document.createElement('div');
line1.textContent = '第一行';

const line2 = document.createElement('div'); 
line2.textContent = '第二行';

element.append(line1);
element.append(line2);

以上都是实现追加换行的方法。

跳转到最佳答案楼层

Dear黑色

\r \n   

Darth_EF

Dear黑色 发表于 2020-11-21 13:46
\r \n

你在这个页面试试看。document.getElementById("postmessage_5109200").append("123\r\n321");

不二如是

textnode换行是什么意思？

Darth_EF

不二如是 发表于 2020-11-22 09:15
textnode换行是什么意思？

html有两种节点，一种是textnode，一种是element。html的换行符号<br/>是一个element。

我希望要在textnode里换行并且在append或before方法时让它换行，而不是添加一个Text之后又加一个HTMLBRElement再加Text。

不二如是

Darth_EF 发表于 2020-11-22 23:56
html有两种节点，一种是textnode，一种是element。html的换行符号是一个element。

我希望要在textnode ...

可以在字符串中使用 \n 来添加换行:

// 目标元素
const element = document.getElementById('element'); 

// 要添加的字符串
const str = '第一行\n第二行\n第三行';

element.append(str);

在字符串里用 \n 就可以实现换行。

另外,也可以用模板字符串,用反引号分割字符串,然后直接换行:

const str = `第一行
第二行 
第三行`;

element.append(str);

模板字符串就可以直接换行,不需要写 \n。

还可以通过 append() 追加 DOM 元素来实现换行效果:

const line1 = document.createElement('div');
line1.textContent = '第一行';

const line2 = document.createElement('div'); 
line2.textContent = '第二行';

element.append(line1);
element.append(line2);

以上都是实现追加换行的方法。

歌者文明清理员

不二如是 发表于 2023-7-21 08:34
可以在字符串中使用 \n 来添加换行:

你也不择手段了